The journey to becoming a developer

My future is created by what I do today, not tomorrow.

Total 245

CodeSquad Day 102 : Project 4

CodeSquad🔹Day 102 Class by Crong - TypeScript 오후 2시부터 4시쯤까지, 크롱의 TypeScript 강의가 있었다. 세부 주제는 Generics. 이번 주 TypeScript 스터디 주제도 제네릭이라서 학습이 더 필요하다. 옐로우와 페어 프로그래밍을 처음 하게 되었다. 주어진 자바스크립트 코드를 제네릭을 활용해서 타이핑 하는 문제였다. Project - Calendar 슬라이더를 더 완성도 있게 하려고 했으나, 우선 SearchBar와 상태가 연동되도록 하는 게 우선이라고 판단해 일단 상태 관리 로직을 고민했다. DatePicker 컴포넌트를 만들어서 날짜를 선택할 수 있게 했다. Modal을 클릭했을 때 SearchBar의 Focus가 사라지지 않도록 상태 관리 로직..

CodeSquad Day 101 : Project 4

CodeSquad🔹Day 101 🔶 근황 현재 하고 있는 airbnb 프로젝트는 단 1주일 남았고, 앞으로 코드스쿼드는 4주만을 남기고 있다. 코드스쿼드 이후의 계획도 조금씩 세워 보고 있는 중 그동안 많은 시간을 투자하지 못했던 알고리즘에 시간을 더 투자해보려고 한다. 생활습관이 흐트러지지 않도록 장치를 마련하는 게 필요할 것 같다. 좀 빡센 취준 스터디라든지, 캠스터디 같은 것도 생각 중이다. 🔶 프로젝트 진행상황 Refactoring 리뷰어분이 남겨주신 리뷰에 따라 state를 분리하는 작업을 했음 여러 Provider들을 쓰는데 compose 함수를 활용해서 하나로 조합할 수 있어서 좋았다 Slider 달력 슬라이더를 구현해 보고 있는 중. 위와 같이 피그마 툴을 이용해서 전략을 세워 보고 있는데..

[Sun/6/5/2022] Today I Learned

TypeScript Study 6/5 Array vs Tuple, Type Assertion 🔶 Array vs Tuple accidental-swoop-82f.notion.site 벌써 삼주차에 접어든 TypeScript 스터디 Array와 Tuple의 차이, Type Assertion에 대해서 정리 후 발표했다. English Interview Study Explained Iteration Protocol in JavaScript Such a good time with nice people! I should be more prepared to introduce myself CodeSquad Team Project 달력을 만들어 보았다. 영문/한글판으로 모두 만들었다. 전달해 주는 props에 따라 언..

What I learned/TIL 2022.06.06

[Sat/6/4/2022] Today I Learned

Restart TIL TIL을 정말 오랜만에 다시 쓰게 되었다. 사실 개인적으로 노션에 학습한 것, 고민 거리를 편하게 적다 보니 공적인 공간인 블로그에 이것을 바로 올릴 순 없었다. 이걸 또 다시 정리해야 한다는 생각을 하니 살짝 부담이 되기도 했다. 하지만 애초에 TIL을 쓰는 목적이 완벽하게 정제된 글을 올린다기보다는 내가 오늘 배운 것이 무엇인지 한 번 더 상기시키면서 적는다는 데에 의미가 있다. 그래서 다시 시작해 보려고 한다. TypeScript 학습 내일 타입스크립트 발표 스터디를 위해서 학습 중 배열과 튜플 중 언제 무엇을 이용해야 할지 정리 Generics 학습 JavaScript Deep Dive Study 2달차 오늘의 주제는 Iterable 이었다. 얕게 알거나 제대로 몰랐던 것들을..

What I learned/TIL 2022.06.05

CodeSquad Day 96 : Project 4 - Day 6

CodeSquad🔹Day 6 ESLint 에러 잡기 ❓What is ESLint? 작성한 JS 코드가 EcmaScript 재단에서 명시한 Specification에 부합하는지 검사하는 툴 그래서 ES(EcmaScript) + Lint(에러가 있는 코드에 표시달아주는 것) 코드에 특정 스타일, 규칙을 적용해서 문제를 사전에 찾고 패턴을 적용시킬 수 있는 정적 분석 툴 코딩 스타일을 직접 정할 수도 있음 😱Problems .eslintrc의 extends에 "prettier/@typescript-eslint", 를 넣어줬을 경우 에러를 잡아주지 못하고 있다. 이 옵션을 제거해야 에러가 뜨게 된다. 시도해 본 방법들 plugin에 prettier가 없어서 추가해 보았다. "prettier/prettier": ..