일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 모던자바스크립트
- 프로그래머스
- 소셜 로그인
- Next
- 코드카타
- 모던 자바스크립트
- deep dive
- CORS
- 프로젝트 셋팅
- git
- 내일배움캠프
- 스파르타코딩클럽
- 자주 까먹는
- js
- nextjs
- error
- 리터럴
- 초기셋팅
- 코테
- 티스토리챌린지
- vscode
- React
- 오블완
- array정적메서드
- 셋팅
- 구글 로그인
- useRouter
- vercel
- 코딩테스트
- domain
- Today
- Total
목록2024/05/13 (2)
도록
문제 설명 (링크)햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부터, 빵 – 야채 – 고기 - 빵)로 쌓인 햄버거만 포장을 합니다. 상수는 손이 굉장히 빠르기 때문에 상수가 포장하는 동안 속 재료가 추가적으로 들어오는 일은 없으며, 재료의 높이는 무시하여 재료가 높이 쌓여서 일이 힘들어지는 경우는 없습니다.예를 들어, 상수의 앞에 쌓이는 재료의 순서가 [야채, 빵, 빵, 야채, 고기, 빵, 야채, 고기, 빵]일 때, 상수는 여섯 번째 재료가 쌓였을..
전통적인 개발 방식의 단점 (html, css, Javascript)1. 유지보수의 어려움2. dom 조작의 비효율성 : 브라우저 렌더링 효율이 좋아짐3. 재사용성 부족 React가 불러온 개발 방식의 변경- Multi Page Application -> Single Page Application: html 을 불러오는 시간 단축 - Server Side Rendering -> Client Side Rendering -- 장점 ; DOM apis 에 대하여 Full Access 를 갖고 있다-- 단점 : 검색엔진 최적화(SEO)에 불리하다 React 프로젝트 만들기1. CRA (Create React App)2. Vite3. Gatsby4. NextJs (프레임워크) React 주요 개념1. 가..