첫날은 기본적인 OT와 저녁에 수업으로 시작을 했다. 그 동안 해야지 했는데 미뤄두었던 velog를 시작할 계기가 만들어졌다. 하루 동안 내가 배운 것들 TIL(Today-I-Learn)을 통해 하루 동안 공부한 것을 정리하는 습관을 길러 검색 되는 개발자가 되자!
프리온보딩 코스 2일차 오늘은 어제 주어진 TodoList를 각자 파트를 나누어 구현하게 되었다. todo라는 기능 자체는 간단하나, 구현해야하는 기능은 확장이 가능하여, 우선구현하는 과제를 나누어 구현하기로 함 Todo 구현 나눠진 팀에서 구현해야하는 기능을 나눠
코딩을 하다보면 그럴 때가 있는 것 같다. 분명 시작할 땐 아 그거? 금방하지 이렇게 시작한게여기서 막히고 저기서 막히고 하다보면 이거 더 넣고 싶은데? 이거 구조가 이상한데? 이러면서 내가 완성하고자 했던 시간과는 저멀리 멀어지는 것 같다. todo add하는 컴포넌
몇 일간 이사 때문에 TIL을 못올렸다... 오늘 이사짐을 풀고 이제 거의 마무리 단계에 왔다. 이사때문에 프리온보딩 과정에 집중을 못했지만, 이제 그것도 끝나가니 다시 열심히 하자! 오늘은 개인공부시간이 없어 못했으니 내일 공부 할 목표를 위주로 정리 해보았다. js
프리온보딩 과정을 진행 중에 기업에서 recoil 스팩을 원해서 상태관리 라이브러리를 공부해보고 싶었는데 겸사겸사 공부하는 시간을 갖었다. 상태관리 라이브러리를 쓰는이유 기존의 state는 컴포넌트 상위요소에서 선언한 state를 하위에서 공유할 수 있지만 불필요한 렌
오늘은 개인과제 골격과 개발환경 세팅을 진행하였다. 피그마를 통해 간단한 레이아웃을 잡고 개발을 진행하는게 구현할 때 컴포넌트를 구상하기 좋을 것같아 레이아웃을 먼저 그려보았다. 오늘의 강의시간에는 개발자분이 오셔서 코드리뷰를 진행하였는데 린트의 중요성, 가독성있는 코
TypeScript를 좀더 자유자재로 쓸 수 있다면 좋을텐데, 사실 내가 하는 ts는 받아오는 데이터의 타입을 적어주는 거지만 실제로 사용할땐 아무래도 어려움이 따르는 것 같다. 이런건 익숙해지면 좋아지겠지...https://marketplace.visuals
오늘도 영화앱 과제를 진행하였다. 개발을 하면서 간단한 오류도 만나고, 복잡한 오류도 만나지만 sample코드와 google과 함께라면 문제 없다!자식컴포넌트에 props를 전달해줄때 타입을 맞춰서 보내줘야하는데 타입이 맞지 않을때 발생했다고 생각하는데 정확한 이유를
사전과제 구현을 완성하지 못했다... 일정 맞추는 건 항상 어느정도 빠듯하게 해야하는 것 같다.나름 시간을 생각하고 했지만 익숙하지 않은 ts와 recoil 그리고 무한스크롤 때문에 결국 완성하지 못했다... 너무 아쉽지만 다음 프로젝트에는 좀 더 시간을 효율적으로 쓰
오늘은 다음 과제를 대비해서 React-query와 Redux-toolkit을 공부하는 시간을 갖었다. 이번 과제에서는 검색단어를 입력할때 값에 따라 검색결과가 바뀌는 것을 구현해야 했다. 조원들과 회의 하면서 각 단어가 입력될때 마다 API호출하게되면 서버에 무리가
오늘도 프로젝트를 준비하면서 react-query공부와 강의를 들었다. 리액트 쿼리는 비동기 로직을 리액트에 맞게 다룰 수 있는 라이브러리QueryClientProvider 리액트 쿼리 사용을 위해서 QueryClientProvider를 최상단에서 감사주고 리액트쿼리
TIL
팀프로젝트를 완성하고 팀프로젝트 코드를 직접 뜯어보면서 나만의 코드로 refactoring을 진행 하였다. 팀과제 코드를 github에서 받아와서 pullrequest를 작성하는 법을 정리해 보았다.다른 저장소에 있는 코드를 수정하기 위해선 contribute로 등록이
이번 과제는 잘 제출을 하였고, redux가 아직 약해서 많은 기여를 못 했던 것 같다. 다음 과제에서는 좀 더 주도적으로 과제를 진행 하는 것을 목표로 해야겠다고 생각했다. 차트 라이브러리는 D3.js를 조작하여 쉽게 사용하도록 되어 있다고 한다.https:
프로젝트 진행 중에 발생 했던 오류들이 있었다. 일단은 오류에 대한 정리tsconfig에 baseurl을 설정하여 import를 간단하게 만들 수 있는데 import에 오류가 발생한다. 해결법을 찾긴 하였으나 협업중에 적용하는게 힘들 것 같아 일단은 보류 한다. htt
프로젝트를 진행 기능 오류 수정과 css 마지막 배포까지 완료 하였다. nelify가 제공하는 자동 배포가 안되어서 터미널을 이용하여 수동배포를 진행 하였다 npm install netlify-cli -g netlify deployhttps://create-
오늘은 남은 기간동안 진행 해야하는 과제들과 개인과제를 받았다. 일단 기본 프로젝트 셋팅과 사용 할 기술들을 정리하였고 프로젝트 뼈대가 될 것을 구성 하였다. 기존에 강사님에게 받은 코드를 fork해와서 사용하였더니 기존의 깃이 연동되어 있어 깃 연결을 끊고 내 rep
비율이 깨지지 않고 이미지의 가운데 부분이 보이고 넘치는 부분은 자른다.overflow:hidden 을 주어 이미지 태그가 해당 사이즈를 벗어나면 잘림이미지 태그는 원본 비율을 유지 width: 100%, height: 100% 상위 div 크기에 딱 맞아 들어가도록
오늘은 팀과제를 진행 나는 데이터를 필터링 하는 부분을 맡았고, 현재는 어느정도 기능이 정리되어 CSS를 진행 하고 있다. URL에 따라 화면을 보여주는 라우팅을 할 수 있다.Link : html의 태그와 유사한 기능, to prop을 통해서 이동할 경로를 지정해준다
프리온보딩 팀 과제로 victory.js를 이용하여 그래프를 그렸다.차트를 그려주기 위해서 data 정제를 먼저 했는데 배열값이 string 값으로 넘어와서 이런식으로 정규식을 이용하여 해당 값을 배열로 전환 해주었다. Victory.js는 파워풀한 라이브러리 같다.
팀 과제를 마치고 개인과제를 진행하는 중에 youtube API를 받아 오는 것을 구현 하고 있다. youtube API DOCshttps://developers.google.com/youtube/v3/getting-started?hl=kogoogle clou