인프런 워밍업 클럽 스터디 1기 FE 과제 (10번)
9번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/pokemon-library 학습 범위: Section 6 ~ 7 그냥 포켓몬데이터를 받아서 뿌려준다는 생각으로 접근했는데 생각보다 api구조가 어려웠던것같다. 이게 현업분들이쓰는 api수준에서 어떤정도인지는 모르겠지만 나의 개인적인 기준으로는 데이터를 하나찾아서 필...
- 좋아요수
- 0
- 프론트엔드
9번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/pokemon-library 학습 범위: Section 6 ~ 7 그냥 포켓몬데이터를 받아서 뿌려준다는 생각으로 접근했는데 생각보다 api구조가 어려웠던것같다. 이게 현업분들이쓰는 api수준에서 어떤정도인지는 모르겠지만 나의 개인적인 기준으로는 데이터를 하나찾아서 필...
2주차 후기 사실은 복습이었던것 사실 예전에 6개월 국비지원수업으로 프론트과정을 들었던적이있었다. 그때 당시에는 나름 학원반에서 잘하는 편이었는데 이제 다시 해보니 이해도제대로 못하고 그냥 쓰고있었다. 지금은 자바도 공부하고 오니 코드 스타일에 대해서도 조금 더 명확해지고 객체나 메서드에 대한 개념도 더 쉽게 이해할수있게 된것같다 (역시 쓸모없는 공부는 없...
9번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/react-disney-clone 학습 범위: section 4~5 넷플릭스와 똑같은 ui라서 금방할것같았는데 생각보다 시간이 오래걸렸다. 조금 더 공부한다는 생각으로 열심히 읽으면 서 옮기긴했지만.. css 파일은 styled컴포넌트로 모두 바꿔줬다. 구글 로그인도...
8번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/budget-calc 학습 범위: React 1~3 처음에 작성할때는 todoList를 참고해서 React.memo를 사용해서 input되는동안에는 아래 리스트쪽에 리렌더링이 일어나지않았었는데 작성하면서 기능을 추가하다보니 어느새 아래도 같이 리렌더링 되고있었다 . ...
7번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/TypingGame 학습 범위: Section 9 html로 그려야하는 요소 자체는 간단했는데 자바스크립트 로직이 확실히 어려웠다. 최대한 쥐어짜내봤는데 로직을 다짜고 이벤트를 추가하고보니 코드가 지저분해졌다. 백엔드처럼 명확하게 클래스를 나누고 메서드를 나눠서 쓸수...
1주차 후기 우선 일주일 간 자바스크립트 강의를 모두 보면서 5개의 과제를 클리어한 나와 다른분들에게 박수를보낸다 (짝짝짝) 백엔드 0기를 참여했을때보다 더 힘들고 정신이없었던것같다. 기존에 백엔드를 공부하고있었고 자바스크립트는 이미 기억저편으로 잊혀진지 오래여서 기억을 더듬어가고 오랜만에 검색엔진을 돌리면서 코딩을 하니 시간이 더 오래걸렸다. 이번 프론트...
6번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/PasswordConstructor 페이지 주소: https://cokeholic-kim.github.io/PasswordConstructor/ 학습 범위: Section 7~8 이번에는 자바스크립트로 화면에 그려줘야할 요소가 많지않아서 html로 기본화면과 css로...
5번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/GitApi 학습 범위: Section 5~6 api에 요청해서 데이터를 받아온다음 User와 Repository class를 만들도록 해주었다. 받아온 데이터를 객체에서 렌더링 해주게된다. 토큰을 사용했는데 깃허브에 토큰을 푸시하려고하면 에러가난다는걸 알게되었다.
4번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/BookList 페이지 주소: https://cokeholic-kim.github.io/BookList/ 학습 범위: Section 5 책을 클래스로 만들고 배열에 책객체를 저장해서 만들도록 해주었다. 제출버튼을 누를때 책 클래스를 생성해서 배열에 저장해주고 객체를 ...
3번 과제 깃허브 저장소 주소: https://github.com/cokeholic-kim/QuizGame 페이지 주소: https://cokeholic-kim.github.io/QuizGame/ 학습 범위: Section 4 최대한 과제화면과 비슷하게 구현해보았다. 이번에는 문제를 나중에 api로 받아온다는 가정하에 미리 문제를 json파일로 따로저장해놓...