밤은 짧아, 걸어 아가씨야

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를 학습해야겠다고 생각한 이유는 첫째로, 프로젝트가 조금만 복잡해..

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

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

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

GitHub Actions 사용 방법 원티드 프리온보딩 인턴십 1-2주차 강의 내용을 복습할 겸 직접 깃허브 액션을 사용해 보았다. 깃허브 액션을 사용하면 깃허브 레파지토리에서 바로 소프트웨어 개발 워크플로우를 자동화 할 수 있다. 1. .github/workflows 폴더 생성 워크플로우를 짜기 위해서는 .github 폴더 안에 workflows 라는 폴더가 있어야 한다. 이 .github/workflows/ 폴더 안에 넣는 여러가지의 파일 하나 하나가 CI/CD 파이프라인이 되는 것이다. 2. CICD.yml 파일 생성 .github/workflows/ 안에 파일을 생성한다. // 예시 파일 name: CI/CD on: // 언제 돌릴 것인지 push: branches: - master // mast..