대망의 프리 프로젝트 시작 ! 오고야 말았다... 오고야 말았어.. 그 날이다.. 프리 프로젝트.. 그 위험한 일을 시작하는 날이다.. 떨리는 마음으로 시작해서 지친 마음으로 끝난 오늘 하루를 얘기해 본다... Day 1 - 나의 생각 1. Project Wiki 숙지 코드스테이츠 유어클래스 학습 과정에 있는 Project 코스에서 Project Wiki 과정을 숙지하는 시간을 가졌다. 이 과정에는 전체 프로젝트 개요, 팀프로그래밍을 하기 위한 방법,목적,개발 관련 툴등이 적힌 문서들을 숙지하는 시간이었다 ! 이 과정들이 있음으로서 진짜 프로젝트를 시작하는 구나 하는 마음가짐을 갖게 하는데에도 충분했던 것 같다. 2. Team 활동 처음엔 너무 어색했었고 웃음만 나왔는데 나중에 FE 팀원 분이 " 팀 단..
Checkpoint 과제 진행하기 학습 목표 React Router를 통해 라우팅을 할 수 있다. useState로 상태를 사용할 수 있다. Bare minimum requirements react-router-dom을 이용해 Client Side Routing하는 방법을 학습합니다. useState를 이용해 상태를 사용하는 방법을 학습합니다. 쇼핑몰 애플리케이션의 주요 기능을 구현하세요. [장바구니 담기] 버튼을 이용해 장바구니에 해당 상품이 추가되도록 구현하세요. 장바구니 내 [삭제] 버튼을 이용해 장바구니의 상품이 제거되도록 구현하세요. 장바구니 내에서 각 아이템 개수를 변경할 수 있도록 구현하세요. 장바구니의 상품 개수의 변동이 생길 때마다, 상단 내비게이션 바에 상품 개수가 업데이트되도록 구현하..
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 ..
Figma 컴포넌트 구현 과제 진행하기 학습 목표 Figma의 사용 방법을 익힌다. Figma로 컴포넌트를 구현할 수 있다. 과제 요구 사항 Bare Minimum Requirements GNB (Global Navigation Bar) Modal Toggle Tab Accordion Advanced Challenge Drop Down Auto Complete 페어와 함께 피그마로 컴포넌트를 구현하는 과제였다. 과제를 구현하기에 앞서 튜토리얼 동영상을 보기는 했지만, 막상 시작하려고 하니 주어진 툴도 없었고 완전 백지 상태에서 시작을 해야 했다. 그래서 약 1시간 동안은 아무것도 못하고 어떻게 해야할지 구글링을 계속 했는데 막상 나오는건 전 기수들의 결과물만 나오고 하는 과정은 적혀져 있지 않았고 외국 ..
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..
기술 면접 질문에 답변 준비하기 Promise의 기능과 필요한 이유에 대해서 설명해 주세요. Promise는 JavaScript에서 비동기 작업을 처리하기 위한 객체로, 비동기적으로 실행되는 작업이 완료되었을 때 결과를 반환하거나 오류를 처리할 수 있도록 도와줍니다. Promise는 성공(resolve)과 실패(reject) 두 가지 상태를 가지며,비동기 작업이 완료되면 이 상태 중 하나로 변경됩니다. Promise는 then()과 catch() 메서드를 통해 성공과 실패 시의 처리를 할 수 있고, 비동기 작업이 완료될 때까지 대기할 수 있는 기능을 제공합니다. 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해 주세요. 순수함수(Pure Function)는 같은 입력에 대해서 항상 같은 출..
StatesAirline Server 과제 - cors가 무엇인지 알아보고 node.js를 이용하여 서버를 구축한다. - mini-node server를 공식 문서를 참고하여 직접 만들어보고 express로 리팩토링해 본 후, 지난 스프린트에서 사용한StatesAirline의 API Server를 직접 구현하면서 라우팅하는 방법을 학습한다. 과제 요구 사항 Bare Minimum Requirements statesairline/controller/flightController.js와 statesairline/controller/bookController.js 에 코드를 작성하세요. Express 공식문서에서 req.query , req.params를 사용하는 방법을 확인하세요. Query와 Params를..
