Boot Camp/code states
[ Code States ] Section 3 / KDT 회고
Section 2 보다 달라진점 나태해졌다고 생각함 리액트 프로젝트 만들어보기 (컴포먼트 나눠서 만들어보기 등) 앞으로 개선 / 시도 이번에 솔로 프로젝트로 만든 To Do List 포트폴리오 만든다고 생각하고 리액트 파일 만들어보기 열심히 공부하자 제발
CODE STATES
Boot Camp/code states
[ Code States ] Checkpoint 과제 진행하기
Checkpoint 과제 진행하기 학습 목표 React Router를 통해 라우팅을 할 수 있다. useState로 상태를 사용할 수 있다. Bare minimum requirements react-router-dom을 이용해 Client Side Routing하는 방법을 학습합니다. useState를 이용해 상태를 사용하는 방법을 학습합니다. 쇼핑몰 애플리케이션의 주요 기능을 구현하세요. [장바구니 담기] 버튼을 이용해 장바구니에 해당 상품이 추가되도록 구현하세요. 장바구니 내 [삭제] 버튼을 이용해 장바구니의 상품이 제거되도록 구현하세요. 장바구니 내에서 각 아이템 개수를 변경할 수 있도록 구현하세요. 장바구니의 상품 개수의 변동이 생길 때마다, 상단 내비게이션 바에 상품 개수가 업데이트되도록 구현하..
Boot Camp/code states
[ Code States ] Figma 클론 과제 진행하기
Figma 클론 과제 진행하기 학습 목표 Figma의 사용 방법을 익힌다. Figma로 프로토타입을 제작할 수 있다. 웹 사이트의 UI/UX를 분석할 수 있다. UI/UX를 분석한 내용을 토대로 개선할 수 있다. Bare Minimum Requirements Figma로 프로토타입을 제작해 봅니다. 최소한 Lo-Fi 수준의 프로토타입을 구현해야 합니다. 페이지 이동이 가능해야 합니다. 스크롤 이벤트가 있어야 합니다. 최소한 1개의 마스터 컴포넌트와 인스턴스를 만들어야 합니다. Figma 클론 결과물을 제출해 주세요. 과제 결과물 Figma Created with Figma www.figma.com Figma로 클론을 진행할 웹 사이트나 애플리케이션을 하나 골라서 학습한 Figma의 주요 기능을 Bare ..
Boot Camp/code states
[ Code States ] Figma 컴포넌트 구현 과제 진행하기
Figma 컴포넌트 구현 과제 진행하기 학습 목표 Figma의 사용 방법을 익힌다. Figma로 컴포넌트를 구현할 수 있다. 과제 요구 사항 Bare Minimum Requirements GNB (Global Navigation Bar) Modal Toggle Tab Accordion Advanced Challenge Drop Down Auto Complete 페어와 함께 피그마로 컴포넌트를 구현하는 과제였다. 과제를 구현하기에 앞서 튜토리얼 동영상을 보기는 했지만, 막상 시작하려고 하니 주어진 툴도 없었고 완전 백지 상태에서 시작을 해야 했다. 그래서 약 1시간 동안은 아무것도 못하고 어떻게 해야할지 구글링을 계속 했는데 막상 나오는건 전 기수들의 결과물만 나오고 하는 과정은 적혀져 있지 않았고 외국 ..
Boot Camp/code states
[ Code States ] Section 2 / KDT 회고
KDP 회고 작성 템플릿은 marimba를 이용했읍니닷 Marimba | Online Whiteboard Collaboration Tool Marimba, your best real-time online whiteboard collaboration tool for a better, easier, more visual team work. Start a free trial today to create flowcharts, mindmaps, org charts, and diagrams using our templates! www.marimba.team 전체 화면 NOTE 전체적으로 Section 1 에 비해 달라진 점은 Section 1 에서는 알고리즘 문제 풀기가 Problem에 있었다면, Section 2..
Boot Camp/code states
[ Code States ] Section 2 / 기술 면접 준비
기술 면접 질문에 답변 준비하기 Promise의 기능과 필요한 이유에 대해서 설명해 주세요. Promise는 JavaScript에서 비동기 작업을 처리하기 위한 객체로, 비동기적으로 실행되는 작업이 완료되었을 때 결과를 반환하거나 오류를 처리할 수 있도록 도와줍니다. Promise는 성공(resolve)과 실패(reject) 두 가지 상태를 가지며,비동기 작업이 완료되면 이 상태 중 하나로 변경됩니다. Promise는 then()과 catch() 메서드를 통해 성공과 실패 시의 처리를 할 수 있고, 비동기 작업이 완료될 때까지 대기할 수 있는 기능을 제공합니다. 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해 주세요. 순수함수(Pure Function)는 같은 입력에 대해서 항상 같은 출..
