WIL

항해99-week10

이번주는 게시물 검색, 정렬, 마이페이지에 있는 게시물 좋아요, 댓글 페이지네이션, 권한없는 페이지에 접근 시 메인페이지 or 로그인 페이지로 redirect 하는 기능을 프로젝트에 적용했다. 어려웠던 점 및 해결 게시물 검색 기능 버튼 or 엔터 이벤트 함수를 실행 전에 onChange로 인해 미리적용되는 이슈 해결: onChange에 있는 keyword 변수를 바로 적용 하니까 검색 함수를 실행을 안시켜도 onChange이벤트가 발생할때마다 게시물을 불러왔다. 이것을 방지하기 위해 useState를 이용하여 하나의 state를 더 만들어 검색 클릭 or 엔터 이벤트 시 새로운 state에 검색어를 set 하여 문제를 해결했다. state를 두개를 사용하지 않아도 될 것 같아 나중에 리팩토링 할 때 코..

항해99-week9

8주차 WIL을 까먹고 작성을 못해서 사실상 8, 9주차 WIL이다. 2주간 내가 프로젝트에 추가 한 기능은 ckEditor로 작성한 컨텐츠 조회(상세페이지), 게시물 수정페이지, 게시물 모아보기(필터, 무한스크롤), 게시물 작성, 미디어쿼리를 이용한 반응형 웹 등 여러가지를 적용했다. 어려웠던 점 및 해결 ckEdotor 컨텐츠 조회 시 작성 프리뷰 대로 조회되지 않았다. class를 위처럼 지정해주면 끝나는 문제였다. 해결: 처음엔 작성 할 때 문제가 생기는거라고 생각하고 작성페이지에서 많은 시간을 썻다. 작성 도중에 css가 적용되지 않는거로 생각을 했었다. 하지만 구글링 결과(공식문서) 아주 간단한 문제였다. 바로 조회시에 ckEditor의 결과물 html에 들어가는 class 들의 행방이 결국 ..

항해99-week7

이번주는 실전 프로젝트를 시작했다. 저번에 팀원이였던 분이 같이하자고 제안이 와서 들어오게 된 팀이였다. 한명을 제외하고는 처음보는 사이였지만 다들 성격이 좋아서 금방 융화될 수 있었다. 첫날 아이디어 회의를 시작했는데 다들 너무 좋은 아이디어를 가져와서 아이디어 후보가 10개가 금방 찻고 투표를 진행해서 최종으로 데스크테리어를 주제로 프로젝트를 시작했다. 첫 기획 결과는 오늘의집, study with me 유튜브채널, 공스타그램 등을 벤치마킹 하여 자신이 자랑하고 싶은 데스크테리어를 게시하고, 게시물에 있는 아이템들에 구매링크를 걸어 바로 구매하러 갈 수 있고, 유튜브 동영상 or 실시간 유튜브 채널의 링크를 넣어 study with me 채널과 같이 공부분위기를 공유하는 사이트를 만들려 했다. 첫번째..

항해99 - week6

5주차까지는 github에 md문서로 WIL을 썻다. 앞으로는 벨로그에 내가 배운 기술들과 같이 차근차근 정리해서 올릴 예정이다. 주간 활동 이번 6주차에서는 정육각 사이트 클론코딩을 했다. 나는 상세페이지 파트를 맡았다. 내가 맡은 스코프가 많은편은 아니였지만, 일주일이라는 시간안에 하기엔 아직 내 실력이 부족했던거같다. 다른 팀원들이 너무 잘해줘서 완성을 할 수 있었다. 다음주에 하는 실전 프로젝트에서는 더 잘해야겠다. 프로젝트간 뿌듯했던점 배우는 자세로 임했다. 끝까지 포기하지 않고 구현해냈다. 잠을 줄였다. 프로젝트간 아쉬웠던점 다른 사람에 비해 작업속도가 느려서 스코프를 조금가져갔다. 원했던만큼 완전구현하지못했다.(select box css) 프로젝트 github주소 https://github...