개발스터디일지

실전프로젝트 1주차 검색한 키워드에 해당되는 목록을 표시(왼쪽)하고 목록을 선택하면 선택 목록(오른쪽)에 붙는다. 선택 목록에 이미 있는 경우, 선택하기를 한번 더 누르면(취소하기) 선택 목록에서 삭제된다. 사진 업로드 창은 선택 목록이 있는 경우에만 나타난다. 추가로 더 할 기능 - 선택 목록들 옆에 휴지통 아이콘을 넣어서 클릭하면 선택 목록에서 사라지게 하기 이미지 슬라이드 구현 캐러셀을 사용하지 않고, 리액트 훅으로 이미지 슬라이더를 구현해봤다. 그러다 만난 문제와 해결방법을 정리한다. 문제 1 .imgWrap{ display:flex; width: 300px;} 위처럼 했더니, img 들의 너비가 각각 300px인 것이 아니라, 부모인 imgWrap의 너비인 300px을 나눠서 가졌다. 즉, ..

실전프로젝트 ( 여행코스 공유 서비스 _ 카카오지도 핀 ) 카카오맵 api를 리액트에서 사용하는 방법을 공부하고 적용했다. 검색 키워드에 해당하는 목록을 보여주고 유저가 선택을 하면 핀으로 찍히는 형식이다. 여러 장소를 선택하면 여러 핀이 찍힌다.

CS스터디 6주차 팀과제 미니프로젝트 ( 시크릿 스타벅스 메뉴 ) 유저가 업로드한 이미지 => 서버로 보내기 if(imgUrl.img_file){ const formData = new FormData() formData.append('imageTest', imgUrl.img_file); // for (var pair of formData.entries()) { console.log(pair[0]+ ', ' + pair[1]); } await axios.post('/api/posts', formData,{ headers:{ 'content-type': 'multipart/form-data' } }); alert("서버에 등록이 완료되었습니다!"); setImgUrl({ img_file: imgUrl.img..

CS 스터디 6주차 미니프로젝트 회의 미니프로젝트 주제 선정 와이어프레임 제작 API 설계 리액트 파트 분배