HYEWON JUNG의 개발일지

목표 상세페이지 구현하기 새로 알게 된것/ 캐러셀 사진 작가의 상세페이지에 들어가면 보일 작가의 작업물 부분을 작업했다. 와이어 프레임에서 작업물은 캐러셀 방식으로 계획을 했기에 처음으로 캐러셀을 만들어 봤다. 캐러셀은 만드는 방법은 다양했지만 reack slick 라이브러리를 이용해서 구현해보았다. https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github..

목표 프로필 만들기 새로 알게 된것/ 오늘의 코드 아웃소싱 프로젝트가 시작되었다. 우리팀의 주제는 스튜디오 사이트 , 지도 api를 이용해서 촬영스팟을 보여주고 설문을 통해 적합한 사진 작가를 보여주는 페이지이다. 그중에 내가 맡은 부분은 사진작가 소개페이지와 작가 상세페이지다. 두개를 구현하면 된다. 그래서 우선 더미데이터로 사진 작가들의 데이터가 있어야헸고 작가들은 변동이 없기 때문에 서버를 연결하거나 작가를 추가하는 로직은 따로 구현하지 않는다. 상세페이지에서는 해당작가의 사진들이 보여야하고 상세정보가 보이게 해야한다. 이때까지 해오던 것과 크게 다르지 않기에 어렵지 않게 구현할 수 있을 것 같다. 내일 저녁 먹기 전까지 해당 부분을 css 빼고 다 구현해보기로 했고 그리고 기능을 추가할 시간이 되..

목표 해설영상보고 새 프로젝트로 만들기 기존 과제물 수정하기 새로 알게 된것/ 오늘의 코드 해설영상을 보면서 따라 가다보니 내가 얼마나 흐름을 못 파악하고 있는 지 알 수 있었다. 그렇게 따라 가던 중에 왠걸.. 저장이 안되기 시작했다. why.. 이렇게.. 허무할 수가... 내일은 수정 과정을 세세하게 담은 til을 적어야겠다.. 그리고 늦은 TIL 수정도... 목표 달성여부 내일 목표

목표 과제 완료하기 새로 알게 된것/ 오늘의 코드 아직 머릿속에서 비동기 처리가 이해가 되지 않은 것 같다. 과제를 구현하면서 데이터가 불러와지길 기다려야하는데 jsx 부분이 먼저 파싱되어서 계속 오류가 발생한다.. 인터셉터를 이용해야하나? 우선 데이터가 없을 경우를 예외로 둬서 해결해보았다. {user.length === 0 ? "유저데이터 가져오는 중" : user.data.nickname} 아.. 우선 과제 끝내고 보충해서 넣어야지.. 개념정리 목표 달성여부 내일 목표

목표 thunk 변환 완료 로그인 기능 완료하기 새로 알게 된것/ 오늘의 코드 로그인와 회원가입을 서로 토글형식으로 해야하는데 어떻게 해야할 지 감이 잡히지 않아서 우선은 따로 route를 잡아놓고 진행중이다. 로그인 정보를 넣는 것은 어떻게 해봤는데 로그인 상태를 어떻게 관리해야할지 모르겠다. 우선 로그인 slice를 새로 만들어주고 튜터님이 만들어둔 서버에 정해준 방법대로 했더니 우선 정보는 끌어와졌다. 회원가입과 로그인을 서버에 넣는 것은 되었다. 문제 1. 오류 시 메세지가 나오지 않음 문제 2. 로그인 상태 만들기를 몰겟음 이제 로그인을 하면 로그인 상태가 되어야하는데 .. 저번 팀과제에서 경열님이 해논 것을 보아도 잘 모르겠다. 팀원분들이랑 다른 사람에게 물어보고 튜터님께.. 조언을 구해봐야지..

목표 강의 다 듣기 새로 알게 된것/ 오늘의 코드 기존의 순수 리덕스로 되어있던 팬레터를 thunk로 바꾸는 중이다. import { createAsyncThunk, createSlice } from "@reduxjs/toolkit"; import axios from "axios"; export const __addLetter = createAsyncThunk( "ADD_LETTER", async (payload, thunkAPI) => { try { const response = await axios.post( "http://localhost:4000/letters", payload, ); //Promise-> resolve(네크워크 요청이 성공한 경우)-> dispatch해주는 기능을 가진 API r..