전체 글 87

[원티드 프리온보딩 챌린지 2월] Week 1-1 Document for TypeScript - 강의 후기

Week 1-1 Document for TypeScript Documentation, JSDoc, Declaration, Implements 1월 챌린지를 듣고 프로그램 구성이나 강의가 마음에 들어서, 원티드에서 진행하는 강의는 믿고 신청하게 되었다. 2월 챌린지의 주제는 타입스크립트였다. 프로젝트에서 타입스크립트를 사용하고 있지만, 아직 스스로의 지식이 겉핥기 수준에 머무는 듯 해서 이번 기회에 집중적으로 학습해보고자 하는 각오로 시작했다. 1. TypeScript 소개 타입스크립트 = JS + TS 문법 (syntax) 타입스크립트와 vs code 모두 마이크로소프트가 개발했다. 마이크로소프트가 vs code라는 IDE를 직접 만든 이유는 타입스크립트를 전파하기 위해서이다. 생각해보지 못한 내용이라 ..

[React] Context API 개념과 사용법, 학습하며 겪은 어려움

Context API 이번주에는 원티드 프리온보딩 강의에서 배운 context api를 학습했다. [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 Week 3-1. React Hook의 심층 활용 의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API 2주차 강의는 원티드 커리어 챌린지 로 대체되었다. 커리어 챌린지는 2주 동안 진행된 전 직군 대상 강의 shinjungoh.tistory.com context api를 학습해야겠다고 생각한 이유는 첫째로, 프로젝트가 조금만 복잡해..

개발/React 2023.02.01

[원티드 프리온보딩 프론트엔드 인턴십] Week 4 과제 후기

Week 4 과제 후기 드디어 마지막 4주차 과제가 끝났다. 마지막 주차라 여러가지 일정이 겹쳐서 과제를 할 시간이 적었다. 화-금 강의가 월-금에 진행되었고, 그 사이에 2차례에 걸친 취업 설명회와 이력서 특강이 있었다. 아마도 그 다음주가 설 연휴라 일정이 앞당겨 진 것으로 안다. 나는 개인적으로 프리온보딩 프론트엔드 챌린지 1월 코스도 듣고 있었기 때문에 화-금 날에는 하루에 8시간 가까이 강의를 듣는 일정이 좀 버겁기도 했다. 마지막이라 그동안의 피로가 누적되기도 했고, 그래서 조금은 아쉬웠지만 그나마 차선책의 방법으로 마무리한 이번 과제를 회고해 본다. 과제 내용 4주차 과제는 API 서버와 통신해서 작동하는 댓글 프로젝트를 Redux를 통해 구현하는 것이었다. 참고용 레파지토리를 Fork해서 ..

[원티드 프리온보딩 프론트엔드 인턴십] Week 3 과제 후기

Week 3 과제 후기 3주차 과제는 2주차 과제보다 간단했지만, 완성도를 높이기 위해서는 깊이가 필요했다. 이번 프로젝트는 지난 주 과제보다 만족스럽게 진행됐다. 어떤 점이 마음에 들었는지, 진행이 어떻게 되었는지 회고를 적어보려 한다. 과제 내용 한국임상정보 사이트의 검색영역을 클론하는 것이 이번 3주차의 과제였다. 검색창 및 검색어 추천 기능을 구현해야 했다. 이번 과제는 리드미에 필수로 들어가야 하는 내용도 정해져 있어서, 리드미에도 더 신경을 썼다. 과제 진행 방식 1. 개인별 구현 수요일 밤까지 각자 구현을 해보기로 계획을 정했다. 지난 주에는 날짜에 관해 별 계획을 세우지 않아서 힘들었기 때문에 이번엔 다같이 정하고 넘어갔다. 약속된 시간에 나는 몇 가지 기능이 빠져있는 상태였고, 그 외의 ..

[원티드 프리온보딩 프론트엔드 인턴십] Week 4-1. TypeScript로 런타임에 안전한 웹 앱 작성하기 - 강의 후기

Week 4-1. TypeScript로 런타임에 안전한 웹 앱 작성하기 TypeScript / 타입 가드 / 타입 추론 / 제네릭 4-1 강의 시간에는 2주차 팀 과제 리뷰 시간을 갖고, 타입스크립트에 대해 배웠다. 타입스크립트는 처음 배울 땐 별로 어려워 보이지 않았는데, 사용할수록 어려운 점(타입 에러..)도 생기고 아직 익숙해져가는 과정에 있다. 1. 과제 리뷰 이슈 트래킹 툴 미션에 대한 피드백 시간이 있었다. 잘한 점과 지양할 점을 코드로 예시를 들어 보여주셨다. 과제를 하며 많은 사람이 어려워했을 부분에 대한 설명도 진행되었다. 마크업을 로직에 연결하면 안 된다 마크업 : jsx, html 요소 ⚠️ 관심사 분리가 되어야 한다. 마크업을 로직에서 사용하면 안 된다. 다른 관심사가 강하게 결합되..