배열: 문자열 구조 분해 할당 객체: 기본값 할당 객체: 기본값 할당 + 새로운 변수명 할당

🔗 한끼밀 링크 http://www.hankkimeal.kro.kr 🌈 Intro 아래 설문조사 페이지에는 3개의 ``이 있다. 설문조사 정보는 모아서 한꺼번에 서버로 보내야 하기 때문에 전역 상태로 관리한다. 리팩토링 전, 내 코드는 정말 단순하게 input이

🌈 Intro 한끼밀에 Redux-Persist를 사용하기로 결정하면서, Redux-Toolkit에 Redux-Persist를 적용하는 방법을 찾아보았다. Redux-Persist의 Github를 보면서 해봤지만 계속 뜨는 에러가 있었다. action에 직렬화할 수

🌈 Intro 동일한 컴포넌트를 여러 번 나타내고 싶을 때, 같은 코드를 여러 번 작성하는 대신, map()으로 코드를 간결하게 작성할 수 있다. 리팩토링 전, 설문조사 페이지를 보면 ` 내부에서 `가 4번 반복되는 것을 볼 수 있다. map을 사용하기 위해 우

🌈 Intro 장바구니를 구현할 때 데이터를 어디에 저장해야 하는지 고민이 되었다. 우선, 한끼밀의 장바구니의 조건은 이러하다. 비로그인 사용자, 로그인 사용자 모두 장바구니에 상품을 담을 수 있다. 결제는 로그인 사용자만 가능하다. 비로그인 사용자가 로그인 할 때

🌈 Intro 장바구니 여러 페이지에서 데이터가 들어오고, 데이터를 보내주어야 하는 페이지이다. 장바구니 페이지의 데이터 흐름 다이어그램을 피그마로 만들어 보았다. 장바구니에서 데이터 보낼 때(노랑 -> 주황) 4가지 경우 모두 밀박스를 식별할 수 있는 id를 포

새로운 문자열 반환regexp(정규식일 경우) -> 해당하는 모든 문자열 치환substr(문자열일 경우) -> 첫 번째 문자열만 치환

AND(&) -> 둘 다 1이면 1OR(|) -> 하나라도 1이면 1XOR(^) -> 다르면 1NOT(~) -> 0이면 1, 1이면 0으로 반전

Chapter1.프로젝트 기획과 분석 -1. 프로젝트 개요 -2. 사용자 요구사항 정의서 Chapter2.프로젝트 설계 -1. 화면 정의서 -2. 테이블 명세서 -3. API 명세서 Chapter3.프로젝트 시험 -1. 진행 절차 -2. 개발자 테스트 프로젝트 개요

Chapter1. 프로젝트 GIthub Chapter2. 프로젝트 Git flow Chapter3. 프레임워크 선택 및 설치(FE) 1.Github repository 1) Github 리포지토리에 꼭 필요한 파일 ① README.md: 프로젝트 이름, 프로젝트 핵심

remote repository의 branch와 local repository의 branch는 별개local repository에서 branch 생성 후 remote repository에 push 하면 remote repository에도 branch 생성됨

1.문자열 밀기(프로그래머스) Q. 문자열 "hello"에서 각 문자를 오른쪽으로 한 칸씩 밀고 마지막 문자는 맨 앞으로 이동시키면 "ohell"이 됩니다. 이것을 문자열을 민다고 정의한다면 문자열 A와 B가 매개변수로 주어질 때, A를 밀어서 B가 될 수 있다면 밀어

Chapter1. Optimization Chapter2. Optimization 기법 -1. 최적화 기법 -2. 캐시 관리 -3. Tree Shaking -4. Lighthouse 1.Optimization(최적화)란 일반: 주어진 조건으로 최대 효율을 낼 수 있도

Chapter1. TDD -1. TDD 방법론 -2. React와 TDD 과제 - Test builder 1.TDD 방법론 1) 정의 Test-Driven-Development, 테스트 주도 개발 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론 바람직하다고

후기 처음 fetch, REST API 같은 애들이 나올 때, 나는 'header... body... 어쩌라는거지?' 이런 생각뿐이었다. 하지만 비슷한 개념을 한번 공부했다고 오늘 GraphQL을 배울 때는 훨씬 수월했다. REST API와는 달리 한 번에 요청을 보낼

후기 나만 어렵나? 복습이 필요한 시기! > Chapter1. React 심화 -1. Virtual DOM -2. React Diffing Algorithm Chapter2. React Hooks -1. Component와 Hook -2. useMemo -3. use

1.Optional chaining(?.) . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 nullish(null/undefined)이라면, 에러가 발생하는 것 대신에 undefined 리턴 2.!! 활용 활용1. 매트릭스의 값 유무를 확인하고 싶은 경우 값이

Chapter1. 번들링 Chapter2. 웹팩 Chapter3. 웹팩의 핵심 컨셉 과제1. 간단한 웹앱 번들링 후 배포하기 Chapter4. 웹팩과 리액트 과제2. 리액트 웹앱 번들링 후 배포하기 1.번들링이란 -일상: 여러 제품이나, 코드, 프로그램을 묶어서 패키

Chapter1. 자료구조 -1. 자료구조 -2. 자료구조 Roadmap Chapter2. Stack과 Queue -1. Stack -2. 큐(Queue) Chapter3. Tree와 Graph -1. Tree -2. Binary Search Tree -3. Tree