본문 바로가기

분류 전체보기

 (170)
TIL 1.경험✨ 디자이너님이 피그마에 와이어프레임을 짜주시고 그 프레임을 보면서 첫날에 이어서 회의를 진행했다. 예뻤다. (기능 구현 열심히 하자) 튜터님 SA 피드백을 받았다. -로그인은 소셜과 기본 로그인 중에 우선은 기본부터 해놓고 나중에 소셜을 넣자. - 모바일일때의 화면(반응형)도 준비하자. ( 모바일은 360px ~ 480px까지 대응되면 좋고 데스크탑은 보통 1024px 이후 부터입니다. 태블릿까지 고려하면 너무 시간이 많이 드니 360px~480px, 1024px ~ 페이지 수가 쫌 늘어났다. 그에 맞게 기능도 기하급수적으로 늘고 있는 느낌이다.) 커뮤니티가 밀린만큼 우선 순위의 기능들을 먼저 다같이 해결해나가고 각자 부가적인 기능을 맡아서 진행하는 방식을 맡았다. 와이어프레임도 회의내용과 피드..
최종프로젝트 시작_TIL 1. 경험 새로운 최종 프로젝트 팀원들을 만났다. 처음엔 다들 내성적이라 조용했다 (알고보니 한 분 빼고 모두가MBTI I였다는ㅋㅋㅋ) 다들 배려도 좋으시고 밝으셔서 좋았다.🥰 처음으로 디자이너님과 함께 협업을 하게되었다.(디자이너님도 열심히 해주시고 회의에도 엄청 잘 참여해주셨다. 너무 감사했다.) 이때까지 했던 프로젝트들 경험을 바탕삼아 계획을 진행했다.( AM 9 ~ PM 9)를 진행했다.with 디자이너님 오래 의견을 나눈 만큼 좋은 프로젝트를 짤 수 있을 것 같아서 힘들었지만 즐거웠다. 피그마를 이때까지 사용은 해왔지만 이번만큼 알차게 써본적이 없는 것 같다. 2. 프로젝트 계획 : 예적금 비교 사이트 3. 하루 총 정리 첫날에는 회의만 찐하게 했다. 회의를 디테일하고 정확하게 해놔야 나중에 편..
WIL(13) 1.이번주를 되돌아 보자 🔥저번주에 세워둔 이번 주 목표 next.js 공부 : 이번 주차에 주어진 강의를 듣고 처음보는 메소드라던가 이해가 안가는 부분은 따로 정리를 하면서 공부했다. (어렴풋이 알고 있던 SSG,SSR에 대해서 좀 더 확실히 알게 되었다...) 자바스크립트 + 리덕스 공부 : 이번주는 사실 자바스크립트 공부보단 리덕스공부에 좀 더 집중한거같다. redux toolkit으로 todo를 다시 만들어 보고 다시 그 todo를 react-query를 이용해서 crud연습을 했다. (지금 다른건 다 되는데 update에서 막혀서 좀 더 해봐야될꺼같다 ㅠㅠ 역시 어렵다) 타입스크립트공부는 사용법 위주로 좀 더 공부를 했다. 실습하면서 써보려고하니 좀 더 공부가 필요한것같았다. 2.다음주 목표👍 ..
getStaticProps || getServerSideProps_TIL next.js 공부 중에 getStaticProps를 알게되었는데 조금 이해가 더 필요해서 정리하기로 했다. react로 개발을 하면서 data를 가져오게되면 처음에는 undefined가 되고 두번째에 값이 들어오는것을 알 수 있다. 그 이유는 useEffect로 가져오는 data fetch함수가 최초렌더링시에는 실행되지 않고 jsx가 한번 실행되고 나서 함수가 실행된다. 그래서 그 이유로 화면이 깜빡거리거나 값이 없다고 뜬다. -> 이러면 사용자의 경험이 안좋아질 수 있다. 그래서 이러한 문제를 해결하기 위해서 사전렌더링기능(pre-rendering)을 제공하는 Next.js가 나왔다. next.js? : 렌더링 이전에 미리 만들어놨다가 렌더링 시 바로 값이 보일 수 있도록 하는 기능을 가진 리액트 프..
react-component의 실행 순서 TIL 프로젝트 중에 비동기처리로 data가 오기전에 먼저 렌더링이 되어서 undefined가 되었던 적이 많은데 그래서 예외처리라던가, isLoading, 옵셔널 체이닝 등을 써주었다. 그래서 튜터님이 가르쳐주신 component실행 순서를 기록해보려고한다. 그냥 쉽게 말해서 컴포넌트가 실행되었을때를 mounting되었다라고 하고 내가 다른 페이지이동을해서 그 컴포넌트를 벗어나면 unmounting이라고 한다. 그리고 중간에 있는 updating은 props전달, state변경으로 인해 일어난다. componentDidMount , componentDidUpdata , componentWillUnmount 이 세가지는 useEffect로 구현이 가능하다. 내가 착각하고 있었던 점은 useEffect가 컴포넌트..
배포하기 어제 프로젝트 배포하면서 다른 분들이 많이 도와주셨다. 아주 감사했다ㅎ 그래서 나도 까먹지않기 위해서 기록을 해야겠다. Glitch로 json-server 배포하기 https://github.com/jesperorb/json-server-heroku GitHub - jesperorb/json-server-heroku: Deploy json-server to Heroku & Glitch & Azure Deploy json-server to Heroku & Glitch & Azure :up: :free: - GitHub - jesperorb/json-server-heroku: Deploy json-server to Heroku & Glitch & Azure github.com 여기 들어가서 Use this ..
아웃소싱프로젝트 _ KPT 아웃소싱프로젝트도 오늘 끝이 났다. 다들 처음에 조용하셔서 낯을 쫌 가렸지만 지나고나니 다들 너무 좋은 분들이고 프로젝트도 수월하게 진행이 되었던것같다. 이제 최종 남았는데 다들 너무 고생하셨고 감사하다. 1.KEEP 문제가 생기면 바로 화면 공유로 소통하기 깃 PR 사용 (+ 새로운 깃 방법을 사용함) , 피그마를 사용한 디자인 구현 각자의 컨디션에 맞춰서 진행한 점 오류해결할 수 있다고 으쌰으쌰 해준 점 2.PROBLEM 📝 문제점: 𝟷. 데이터베이스 구조를 처음에 확실히 정해놓지 못한 점 𝟸. json-sever를 이용하는데 로그인 기능을 생각하지 못한 점 𝟹. typescript를 적용해보지 못한 점 해결방안: 𝟷.필요에 따라서 추가하면서 진행은 했지만 어쨌든 완성은 했고 오히려 이런 점을 경험 ..
WIL(12) 1.이번주를 되돌아 보자 🔥저번주에 세워둔 이번 주 목표 오류 정리: 프로젝트중에 오류를 만나면 캡쳐하고 해결방법들을 기록하고 메모에 과정들을 적어가면서 진행했던것같다. 그래서 하다가 안된 시도들이 어떤 게 있는지 기록이 있어서 문제 해결에 있어서 좀 더 기억이 남는다. 리액트쿼리활용 : 나름 쿼리에 쿼 자도 쫌 몰랐었는데 이번에는 isLoading, isError 등 좀 더 이유를 알고 활요했던것같다. 추가적으로 data가 아직 비동기적으로 가져오지 못했을때 해야할 처리 등을 알았다. 예외 처리라던가 옵셔널체이닝이다. isLoading으로도 해결이 안되는 부분들은 위에 방법들이 해결을 해주었다. 마감시간지키기: 설날이 있어서 설날에는 팀원분들 각자 다 편하게 쉬었다. 그래도 각자의 컨디션에 따라서 진행..

티스토리툴바