CodeStates/TIL_FE_심화(6)
-
2022. 9. 21. 개인과제2 & FE-심화 회고
# 시작 전 개인과제1 에서는 계산기 만드는데 필수 조건을 모두 충족하지 못했다. 그래서 과제2에 대한 의욕은 상당히 높은 상태였다. # 회고 개인과제2 이번엔 뉴스 api를 통해 뉴스를 검색하고 즐겨찾기에 저장하고 저장한 기사를 수정할 수 있고, 상세페이지를 보여주는 기능을 만드는 것이었다. 사용한 스택은 React, TypeScript, JavaScript, Redux, Styled-components, axios 등을 사용했다. React, TypeScript, Redux 가 필수 사용 스택이었다. 그래서 추석 명절 연휴에 Redux를 중심으로 학습했다. 하지만 학습이 부족했던 탓에 redux를 제대로 활용하지 못해 많은 시간을 소요하고 기능 구현도 완료하지 못했다. TypeScript 또한 준비 ..
2022.09.21 -
2022. 09. 08. 개인과제 1 회고
9월 5일 ~ 8일까지 개인과제를 진행했다. 지난 2주간은 팀 과제를 진행하고 이번주부터 2주간은 개인과제를 진행하고 있다. 개인과제 1번을 마무리하고 회고를 해보고자 한다. 팀으로 진행할 때보다 마음은 편했다. 눈치볼 일이 없어서.. 그런데 막상 시작부터 고민도 많았고 어떻게 접근할지 생각이 많았다. 그래도 뭐 어떻게 저떻게 찾아가면서 계산기 만들기를 했다. 필수 조건을 모두 충족하고 싶었지만 생각처럼 쉽지 않았다. 3~4가지 정도는 충족하지 못하고 마무리가 되었다. 추후 리팩토링을 한다고 하지만 아직 어떤 것에 더 집중할지는 모르겠다. 계산기를 만들어봤는데 생각보다 조건이 너무 많고 복잡하다. 그냥 연산만 한다면 정말 쉬운 과제였겠지만 부호를 전환하거나 ()를 넣거나 하는 부분에서 너무 어려움을 겪었..
2022.09.09 -
2022. 09. 03. 팀 기업 과제 3 ~ 4 회고
# 시작 전 기업 과제 2까지는 그래도 내가 할 수 있는 선에서 잘 했다고 생각을 했었다. 그래서 3, 4 과제도 쫌 찾아 가면서 하면 되지 않을까.. 생각하기도 했다. # 회고 과제 3 뉴뉴(knewnew) 라는 회사의 모바일 앱을 웹 페이지로 구현하는 것이었다. React, TypeScript, Redux, Styled-components, Axios, 등을 사용했다. 그런데 나는 TypeScript에 대한 공부가 아직 부족했고, Redux는 배우는 것을 미루고 있던 차였다. Redux를 미룬 이유는 Recoil 이 더 사용하기가 편리하다고 느껴서 Recoil 을 공부하던 중이었기 때문이다. 그래서 이 과제가 내게는 너무 큰 어려움이었다. api로 데이터를 받아오는데 Redux를 활용하는 방법을 알지..
2022.09.04 -
2022. 08. 26. 팀 기업 과제 2 회고
# 시작 전 솔직히 많은 걱정을 하면서 시작했다. 이유는 이제부터가 진짜 기업과제이기 때문이었다. 아직까지 자신이 많이 없는 것 같다. 기능을 구현하는 것은 내 지식과 구글링을 통해 하겠지만 이것을 설명하고자 하면 그것이 잘 안되기 때문이다. 그리고 이곳에 참여한 사람들이 샬라샬라~ 이야기를 잘하면 뭔가 작아지는 느낌도 많이 들었다. 내가 할 수 있는 부분에 최선을 다하면서 배울 수 있는 부분을 찾아야겠다. # 회고 이번 프로젝트는 설문지 폼을 만드는 프로젝트였다. 나는 설문지에 들어갈 질문을 생성하는 부분을 다른 팀원과 담당했다. 원래는 질문을 작성하는 부분을 담당하고 싶었는데 같이 하는 팀원분이 하시겠다고 했다. 그래서 나는 처음 생성 페이지에 들어가는 제목, 설명 부분과 질문 작성 페이지에서 Sel..
2022.08.27 -
2022. 08. 24. 첫 기업 과제 회고
어제 오늘 코드스테이츠에서 제공한 기업과제를 완성했다. 사진첩을 만드는 것이었는데 나는 추가 기능을 담당했다. 추가 기능으로 다크모드(toggle), 검색기능(search) 등을 했다. 먼저 다크모드, 나는 심화 코스 사전과제로 다크모드를 적용할 때 Recoil을 통해서 적용했다. 그런데 이번엔 styled-components 를 통해 다크모드 적용하는 것을 해보았다. createGlobalStyle 로 기본 적인 background-color와 text, border 등등 기본을 설정하고 lightTheme와 darkTheme 를 적용하니 이렇게 간단하다니.. 놀랐다.. 정말.. Recoil을 사용할 때 props로 해당 색상을 다 넘겨주면서 했는데 이렇게 간단할 줄은 몰랐다. 그래서 이 다크모드 적용..
2022.08.25