빵덕

진행하고 있는 빵덕 프로젝트의 테마상세 페이지에서 스크롤시 네비게이션바의 색이 변환하는 디자인이 나왔다. 스크롤 위치를 어떻게확인할까 고민을 하다가 IntersectionObserver를 사용하기로 하였다.1.eEffect안에 IntersectionObserver로 r

현재 진행하는 프로젝트에서 회원가입 또는 로그인을 하면 access-token과 refresh-token을 같이 발급해준다. access-token은 로그인후의 요청들에 필요한 header값으로 넣어줘야하고 access-token의 기간이 만료되었을때 돌아오는 erro

진행중인 프로젝트에서 프로필 사진을 업로드해야했었고, 백엔드쪽에서 이미지파일은 multipart/form-data로 해주세요~ 라는 요청이있었다.input 타입을 file로 지정하면 파일을 가져올수있는 형태의 input이 생성된다.이미지파일을 콘솔로 확인해보면 데이터가

클릭시 모달창이 나오는 기능을 구현하던중 재사용이 만을듯하여 커스텀훅으로 만들기로 하였다. 생각해야할 이슈는 모달바깥쪽을 클릭했을때 모달이 사라져야한다. 모달이 생겼을때 스크롤을 없애야한다. 1. html구조 파악하기 컴포넌트로 모달을 만들어 재사용할것이기 때문에

특정 이벤트를 수행하였을때마다 결과를 알려주는 알림기능을 구현하였다.custom hook으로 따로 만들어서 재사용가능하게 만들어보았다.pop이라는 boolean값으로 true시에 상단에서 내려오고 false로 바뀔경우 다시 상단으로 사라지는 컴포넌트를 따로 만들었다.T

기존 input의 file타입을 사용해서 프로필사진 업로드 기능을 구현하였었다.위와같이 event.target.files0으로 이미지파일의 정보를 가져올수 있었고 다음 api통신과 미리보기 기능을 구현했었다.근데 첫번째 클릭시에는 onChangeImg함수가 잘 작동했지

데스크탑으로 개발할때는 알수없었던 특정 브라우저의 버그를 개발서버로 배포하고나서 발견하였다.상단 chrome tab바가 position: fixed로 설정해놨던 엘리먼트의 상단을 가려버리는 것이다.처음에는 css로 수정을 해가면서 테스트 해봤지만 html에 metata