마지막 프로젝트!tripbitoz : grid를 적극적으로 사용해봄. 통신 모듈 짜보고 싶었는데 대신 localstorage모듈을 짜보았다. 후반부에 발생한 에러를 해결하고, infiniteScroll를 react-query의 useInfiniteQuery를 이용해 구
8dmin : 쉬운 쪽 맡아서 시간이 많았음. react-hook-form 사용해봄. dirty, dirtyField를 이용한 버튼 활성화 로직 짬. 다른 팀원들의 코드를 좀 더 깔끔히 보고 리뷰를 해볼 것. 어떤 로직인지 이해하고, 코드 스타일은 어떤지 피드백 해줄
3-1프로젝트 : 8oogle3-2프로젝트 : 8dmin쉬운 쪽 맡아서 시간이 많았음. react-hook-form 사용해봄. dirty, dirtyField를 이용한 버튼 활성화 로직 짬. 다른 팀원들의 코드를 좀 더 깔끔히 보고 리뷰를 해볼 것. 어떤 로직인지 이해
2-1프로젝트 : 8flixStyledProvider를 이용한 테마 적용. 통신 모듈(예외 처리, 오류 처리, react-query 따라서 만들어본것.) 인피니트 스크롤급하게 하느라 힘듦.2-2프로젝트 : 8ooglereduce를 활용한 데이터 가공, 폼을 직접 구현
OAuth로 링크 가능 (google/kakao/github)회원가입시 아래 정보 입력닉네임아이디(id비밀번호닉네임과 아이디는 사용자가 입력을 마쳤다고 판단할 때 서버를 통해 체크한다.프로필비번 바꾸기프로필 사진 바꾸기 (로컬 파일로만)소셜 계정 연동 추가탈퇴하기문제
설계 하기 편하니까! 계속 디자인 고민을 안해도 되니까!여러 프로젝트를 진행하면서 디자인이 없는 경우가 많았다. 개발공부를 시작한지 얼마안돼서 초기에는 와이어프레임 정도만 만들고 '스테이트는 필요해 보일때 마다 알아서 만들어서 관리하자^-^'라고 생각하고 개발했었는데
거기서 주로 한 거 : QNA답변해주기. Indico라는 오픈소스프로그램을 한글화 + 필요한 기능만 남기고 디자인 바꾸는 작업(이 떄 AdobeXD를 오질나게 했었습니다. 지금은 유료화돼서 못 쓰는... )코로나로 인한 온라인 미팅 이슈 + 낮은 숙련도 + 생소한 라이
기존 서비스 : https://github.com/YOONLEEVERSE/onlinecourse-front온라인 강의를 등록하고 관리할 수 있고, 수강이 가능한 서비스이다. 유튜브에서 유용한 강의를 모아서 강의 리스트로 만들어 한 페이지에서 쉽게 볼 목적으로
syntax : 문법적인 것 => 보통 디버거로 잡기 쉬움semantic : 의미적인 것 => 로직이나 프로그램의 흐름 등. 논리의 오류 때문에 발생하는 문제이기 때문에 디버거로 잡기 쉽지 않음ECMAScript === ECMA-262(자바스크립트의 표준 사양).프로그
javascript deepdive 내용 정리코드리뷰 받은 것 정리수업에서 배운 점 정리 \- data fetching 모듈화각 수업별 요약본을 기준으로 보충해서 정리.팀활동을 하면서 배운 점/개선점/생각해볼만한 것을 체크해도 될 것 같음)
input시 렌더링 최적화는 어떻게? \- react 공식 문서에서 input이랑 state랑 연결해서 쓰는 걸 권장하는데, 그냥 ref를 쓰면 왜 안돼지?image 최적화. img 태그 자체에서 img의 size를 조절하면 안좋다고 알고 있는데 그럼 그거 최적화는
리액트 클린코드https://one-it.tistory.com/entry/%EB%B2%88%EC%97%AD-React-Clean-Code%EB%A5%BC-%EC%9C%84%ED%95%9C-%ED%8C%81?category=760174
프론트엔드 과제를 풀어볼 수 있는 기회가 생겼다.총 5시간이나 주어졌고, 과제도 비교적 쉬웠는데 참 아쉽다.시간도 충분했는데, 평상시에 비동기 처리를 얼마나 대충했는지 알수 있었다..,^^앞으로 타임어택식으로 개발해보고 시간내에 개발 못한 부분을 집중적으로 파봐야 할
웹팩같은 번들러로 번들링, babel같은 컴파일러로 commonJS형태로 변환코드 스플리팅 같은 최적화가 필요함.성능과 SEO를 위해 pre-render이 필요하고 그와 동시에 SSR 또는 CRS필요data store에 웹 앱을 연결시키기 위해 몇몇 서버사이드 코드를
최적화를 안쓰는 CSS 코드 스플리팅 => 하나의 파일로 번들링x 특정 기준에 따라 몇 개로 나눠서 파일을 번들링,실제로 사용될 때 쪼갠 것을 로딩하도록 해서 초기 로딩 시간이 너무 길어지지 않도록 함.코드가 하나의 js파일로 번들링이 되어 있으면 초기 로딩시간이 길어
하나의 상태를 여러 개의 스크린/컴포넌트에서 사용해야한다면?state managemen를 사용하지 않을 경우, 상위 컴포넌트에서 상태를 만들고 하위 컴포넌트로 props를 통해 넘겨주어야 함.(react는 단일 방향으로만 흐르도록 설계가 되어 있으니까)그런데 전달해주어