BO의 개발로그

> 학습 기간: 8/23(월)~8/29(일) 이번 주 배운 것들 TypeScript for React Project 전역 상태 관리 Redux 이번 주 한 일 - 월: 월요일 세션(타입스크립트)을 듣고, 새로운 팀이 배정되었고 새로운 과제도 받았다! 이번에는 토요일까지 해야 하는 과제인데, 타입스크립트로 투두리스트를 구현해야 하는 작업이었다. 새로운 팀과 커밋 컨벤션을 정했고, 프로젝트 초기 환경 및 기능 설계하고 헤어졌다! - 화: 오전에 팀원들을 만나 기능 분담을 하였고, 나는 컴포넌트 마크업&스타일링, 더미데이터 생성, 모달 작업을 담당하였다. 생각보다 전체 레이아웃은 오래 걸리지 않아 저녁에 PR을 날렸다. - 수: 오전에 역시나 Daily Stand Up Meeting을 가지고, 어제 한 날린 ..

8/19 (목) [자료구조와 알고리즘] 세션 내용 Big-O 표기법 new Date() 자료 구조 this 클로저 0. 과제 리뷰 - Sorting Machine 과제 관련 피드백 정리 💡 컴포넌트 설계 1. components 폴더 관련 - components 폴더에는 주로 재사용할 컴포넌트만 모아놓는다. - routes.js에서 import하는 컴포넌트는 웬만해서 components에 있으면 안 된다! (라우터는 한번 사용할 껍데기와 같기 때문에 재사용 컴포넌트가 있는 components 폴더에서 불러오는 것은 nope! 🙅‍♀️) - 아래 사진과 같이 레이아웃 기반으로 폴더를 나누어서는 안 된다! 2. 컴포넌트 재활용의 기준 - 오름차순, 내림차순 결과를 출력해주는 컴포넌트를 각각 따로 만들었다면?..

프리온보딩코스 4주차 주간 회고 > 학습 기간: 8/23(월)~8/29(일) 아직 4주 차 과제 회고와 목요일 세션 회고를 아직 작성 중이지만, 주간 회고가 먼저 완성됐으니 주간 회고부터 올려보자! 이번 주는 정들었던 우리 팀 칠리소스(7ill Resource)와 함께 한 마지막 주..! 벌써 눈물이 앞을 가리는구나..... 따흐흑..... 헤어짐이 너무 너무 아쉬웠던 한 주..의 기록 지금 시작해보자! 이번 주 배운 것들 🔗 [프리온보딩코스 세션 회고 #7] Core JavaScript (2) [프리온보딩코스 세션 회고 #7] Core JavaScript (2) 8/16 (월) [핵심 자바스크립트 개념 2] 세션 내용 실행 컨텍스트 호이스팅 스코프 this 클로저 0. 블로그 과제 피드백 지난 주 블로..

8/16 (월) [핵심 자바스크립트 개념 2] 세션 내용 실행 컨텍스트 호이스팅 스코프 this 클로저 0. 블로그 과제 피드백 지난 주 블로그 과제에서 브라우저 작동 원리에 대해 주제 방향을 잘못 잡은 사람이 있었다고 한다.(=== 나) 브라우저에서 구글 닷컴을 쳤을 때 어떤 일이 일어나는지에 대해서 적은 사람이 있는데 면접 질문이 명확하게 다르다! url을 입력해서 네트워크 중심의 인터넷 작동 원리를 질문하는 게 있고, 브라우저가 어떻게 동작하는지에 대한 질문으로 두 갈래로 나눠지는데 이번 블로그 과제는 후자를 쓰기를 원했던 것! → 조만간 시간을 들여 수정하는 것으로! ✍ 1. 오늘 주제 관련 면접 질문 - var, let, const의 차이에 대해서 설명해주세요. - Closure에 대해서 설명해..

프리온보딩코스 3주차 주간 회고 > 학습 기간: 8/9(월)~8/15(일) 이번 주는 1~2주 차와 다르게 과제가 코드 리뷰와 블로깅 위주의 과제여서 비교적 여유로울 줄 알았지만 전혀 아니었던 한 주였다.... 하나의 개념 정리 블로그 글을 쓰기 위해 들인 시간이 얼마더냐.....ㅎ... 진짜 나 혼자만 보는 필기가 아닌, 개념을 정리해서 다른 사람이 읽었을 때도 이해할 수 있게 쓰는 블로그 포스팅은 정말 어려운 거구나를 깨달았던 일주일!^^... (그렇다고 성공한 거 같지도 않다...) 너무 예뻤던 이번 주의 하늘과 함께 프리온보딩코스 3주 차 주간 회고 시작해보자! ☁ 이번 주 배운 것들 🔗 [프리온보딩코스 세션 회고 #5] 리액트에서 좋은 코드와 세 번째 과제 리뷰 (2) [프리온보딩코스 세션 회고..

8/12 (목) [핵심 자바스크립트 개념 1] 세션 내용 동기와 비동기의 이해 콜백 함수 Promise async & await 0. 프론트엔드 개발자라면 가지고 있어야 할 책 Top 3 - → a.k.a 코뿔소책.... - - → 세션 끝나자마자 바로 구매 완..! 1. 관련 면접 질문 - Callback 패턴과 그의 문제점에 대해서 설명해주세요. - Promise와 Callback의 차이점은 무엇이고 각각 장단점은 무엇인지 설명해주세요. - Promise는 무엇인지 설명해주세요. - Promise All은 언제 쓰이는지 설명해주세요. - async/await와 Promise의 차이는 무엇인지 설명해주세요. - 관련 코드를 보고 예상되는 순서와 그 이유에 대해서 설명해주세요. 2. 배운 내용 정리 이번..

1. 과제 내용 ※ 코드 리뷰를 위해 연출된 스토리입니다. 이응수 대리님이 혼자서 진행하였던 '책 찾기' 프로젝트가 예상치 못한 반응을 불러일으켰고, 회사는 서비스를 확장하고자 한다. 이응수 대리님의 코드와 결과물을 분석하고 리뷰하여 더 큰 규모의 프로그램이 될 수 있도록 개선 방향을 찾는다. 2. 과제 수행 시 신경 쓴 부분 - 실제 프로덕트라고 가정하고 리뷰한다. - 확장 가능성에 주안점을 둔다. - 좋은 점, 나쁜 점에 대해 솔직하게 반응한다. - 본인의 개발 경험 중심으로 풀어나간다. - 버그 발견 시, 추측이 아닌 구체적 방법을 제시한다. - 수정할 수 있는 부분을 다 말한다. - 클린 코드의 관점이 아니다. - 내가 멘토라고 생각하고, 신입 사원에게 코드에 대해 리뷰한다는 느낌으로 작성한다. ..

8/9 (월) [리액트에서 좋은 코드란?] 세션 내용 리액트에서 좋은 코드란? React에 적용할 수 있는 Clean Code 확장성을 고려하고, 재사용이 가능한 컴포넌트 설계 0. 블로그 작성 Tips 글의 대제목/소제목이 잘 분리되어 정리되어 있고, 문단이 깔끔하고, 코드의 syntax highlighting이 잘 되어 있어야 한다. 명확한 주제가 있는 글이어야 한다. - 나의 경험을 통해 다른 사람에게 새로운 정보를 전달하는가? - 특정 주제를 깔끔하고 알기 쉽게 정리하여 다른 사람들로 하여금 그 개념을 쉽게 이해할 수 있게 작성되었는가? - 인사 담당자가 읽었을 때 이 사람을 뽑고 싶게 만드는 글인가? (긍정적/협업능력/셀프피드백/회고) css, jsx, js, bash 등 언어에 맞는 synta..