240602_MIL 이번주 한 일 사이드 프로젝트 끝났다 + 발표행사 다녀왔다. 지난달의 정리 1. 2번째 사이드 프로젝트 끝났다! 4~5월동안 사이드프로젝트를 진행했다. 스위그라는 회사에서 진행하는 단기 프로젝트로, 해당 회사에서는 팀 빌딩 및 스케줄 관리를 도와준다. (물론 일정의 금액을 내야했지만..) 어느 순간부터 인스...

231230_WIL 이번주 한 일 사이드 프로젝트 끝났다 이번주의 정리 1. (항해99 수료 이후) 첫 사이드 프로젝트 : 징글밍글 처음 위 기획은 항해 99를 함께 수료했던 프론트 지인의 제안을 통해 진행하게 됐다. 원래 백엔드 없이 진행하려고 했었지만, 생각보다 규모가 작지는 않을 것 같아, 프론트 지인분의 아는 백엔드 분이 ...

231112_WIL 이번주 한 일 사이드 프로젝트 세팅 + 디자인 + 로그인 구현 이번주의 정리 1. 사프 세팅중 + 디자인 수정 중 사프 프로젝트 세팅 겪었던 이슈 사항들.. -> vite 가 속도가 빠르다고 해서 해당 빌드툴을 사용해서 진행했는데, 프로젝트를 세팅하면서 전에는 겪지 못한 다양한 이슈를 ...

231022_WIL 이번주 한 일 이번주도 야근 파티했다 이번주의 정리 1. 생각하기 component는 사용될 때마다 수정하는 방식은 좋지 않음 이 조언을 듣게된 경위가 공용으로 사용하는 컴포넌트가 있었는데, 데이터에 따라 보이는 문구가 다르게 나타나도록 코드를 짜고 싶었고, 그 결과 switch문을 통해 ...

230730_WIL 이번주 한 일 프리온보딩 사전과제 공부 next 블로그 만들기 타입스크립트 공부중(이펙티브 타입스크립트) 이번주의 정리 1. next 블로그 만들기 next docs 바탕으로 하여 제작하고 있는 중이다. 이전에 스터디 때 공부해보긴 했는데 사실 직접 사용을 안해봤다보니 그냥 멀게 느껴져 따로...

목차 테스트 단위테스트 vs 통합테스트 vs E2E테스트를 비교하여 설명해주세요 리액트 테스트에 사용되는 도구들을 비교하여 설명해주세요 최적화 CDN(Content Distributed Network)에 대해 설명해주세요 ...

230702_WIL 이번주 한 일 storybook 드디어 배포 성공 :D heic2any 라이브러리(heic 파일 업로드) 이번주의 정리 1. storybook storybook docs 바탕으로 기본적인 키워드만 정리 component : 해당 컴포넌트 title : 스토리북 앱의 사이...

Expect 다양한 항목의 유효성 검사를 할 수 있는 Matchers에 대한 엑세스 제공함 import { expect, jest, test } from "@jest/globals"; Expect expect(value) 값을 테스트할 때마다 사용되는 함수로 그 자체로만 사용하지 않음 matcher함수와 함께 expect를 사용하여 ...

230611_WIL 이번주 한 일 storybook 공부중.. tdd 공부…. 이번주의 정리 1. CDD 원티드 프리온보딩 챌린지 아토믹 디자인 패턴 이전에 wil에 간단하게 작성한 적이 있던 내용이었는데 다시 들어도 복잡하다. atom : 인터페이스를 구성하는 가장 작은 단위(조합x) ...

React (230611 제어, 비제어 컴포넌트 추가) 목차 엘리먼트와 컴포넌트의 차이점 리액트에서 컴포넌트 생성법 제어컴포넌트와 비제어 컴포넌트 Pure 컴포넌트란? 1. 엘리먼트와 컴포넌트의 차이점 Element element는 component를 이루는 작은 단...