본문 바로가기

전체 글

 (80)
언택트인터뷰_생각정리_마인드맵
FIFA USER BATTLE FIFA USER BATTLE package.json - dependencies "axios": "^0.19.2", "prop-types": "^15.7.2", "react": "^16.13.1", "react-dom": "^16.13.1", "react-redux": "^7.2.1", "react-scripts": "3.4.3", "styled-components": "^5.1.1" 기술 스택 React hook Redux toolkit 개발기간 5일 기능 입력한 두 유저 데이터 비교 유저 입력시에 같은 유저 비교, 빈 값 입력, 존재하지 않는 유저일때 메시지 프로젝트를 하게된 계기 친구와 있을때 가끔 속된말로 '피파 한판 뜨자' 라는 이야기가 종종 나온다. 축구 프로팀 경기를 할 때에 ..
BOOKFLIX BOOKFLIX package.json - dependencies axios: "^0.19.2", prop-types: "^15.7.2", react: "^16.13.1", react-dom: "^16.13.1", react-router-dom: "^5.2.0", react-scripts: "3.4.1", styled-components: "^5.1.1" 기술 스택 React hook 개발기간 5일 프로젝트를 하게된 계기 책을 좋아해서 서점에 자주 간다. 가서 제일 먼저 하는 일은 베스트셀러, 신간 매대를 보는 것이다. 서점에 가지 않고도 베스트셀러 ,신간 도서를 확인할 수 있고 도서 검색도 할 수 있는 웹 어플리케이션이 있다면 참 편리하겠다는 생각이 들었다. 물론 네이버에 베스트셀러를 검색하거나 인터파..
day-off-calender day-off-calender 프로젝트를 하게된 계기 여자친구의 샵에서 휴무일을 정할때 달력에 수기로 모두 적고 사진을 찍어 카톡방에 공유하는 시스템을 보고 클릭 한번에 쉽게 할 수 있는 방법이 없을까 고민을 하다가 만들게 되었다. 다음달부터 사용해본다고 하는데 기대가 된다. 유용한 어플리케이션이 되었으면 좋겠다.기능 유저 추가 (5명까지 가능) 유저 삭제 (캘린더에 있는 모든 유저 데이터가 사라짐) 유저가 해당 날짜를 휴무일로 체크했는데 한번 더 클릭시 해당 날짜에서 유저를 제거 유저 생성시 이름 5자 제한, 유저 5명 제한, 유저 더블클릭시 유저 삭제 유무 등등 모달창 기술 스택 바닐라 자바스크립트 파이어베이스힘들었던점 1. 비동기 제어 유저 삭제시 해당 유저의 모든 휴무일 데이터를 삭제하는 과정에서..
그리드 행 - 가로: grid-template-rows 열 - 세로: grid-template-columns 행 - 가로 1fr grid-template-columns: repeat(몇줄, 크기); 열 - 세로 1fr grid-template-rows: repeat(몇줄, 크기); grid-template-rows: repeat(3, minmax(100px, auto)); 크기 100px 확보하고 내용이 많아 100px 넘어가면 알아서 늘어나도록 처리 ----- 참고블로그 https://studiomeal.com/archives/533
li 마지막 자식만 margin 적용 안되게 하기 &:not(:last-child) { margin-right: 10px; }
절대경로 상대경로 절대경로 최초 시작점부터 경로를 전부 기입하는 방식 맨 앞에 / 붙이지 않음 상대경로 비교 대상을 기준으로 입력한 주소 찾아나감 기준 경로 => 절대 경로 변환하여 찾아나감 맨 앞에 / 붙임 참고자료 https://mommoo.tistory.com/82
Single Page Applications, Server side rendered applications Single Page Applications SPA 클라이언트 사이드 렌더링 사용 ​ 단일 페이지 응용 프로그램 1개의 페이지만 있는 어플리케이션 하나의 HTML에서 UI 변경 최초 한번 페이지 전체를 로딩 =>이 후 부터는 데이터만 변경하여 사용 ​ 페이지 이동시 서버로부터 완전한 새로운 페이지 불러오지 않고 현재 페이지를 동적으로 다시 작성 ​ HTML, JS, CSS 하나의 페이지로 불러옴 => 사용자의 동작에 응답 ​ 사용자 측면 전체 페이지 새로고침 => 과도한 네트워크 트래픽을 유도 JSON, XML 서버 요청, 응답 ​ 장점 손쉬운 운영 배포 사용자 친화적( 빠른 반응성, 화면전환 에니메이션 등 ) //처음 받은 데이터를 사용 서버 요청이 적음( REST API를 통한 데이터 송수신 ) ​ ..

티스토리툴바