wecode
-
비전공자의 개발자 도전기 본격적 시작. (feat.위코드 3개월 회고)회고록 2022. 9. 23. 00:19
6월 20일 ~ 9월 8일. 약 3개월. 위코드에서의 시간이 끝났다. 3개월 동안 열심히 달렸다. 위코드 오기 전에 내가 할 수 있는 거라곤 달랑 HTML/CSS, 그리고 겨우 todolist 만들 수 있는 Javascript 정도였다. 그래서 따라갈 수 있을까 걱정되기도 했다. 하지만 포기하지 않고 목표한 바를 끝까지 이뤄내는 나를 알았기에 3개월은 죽었다 생각하고 내 온 열정을 쏟아부을 각오하고 들어갔다. 그렇게 1주차, 2주차 잘 다니다가 1차 프로젝트할 때 첫 번째 현타가 왔다. 내가 구현하는데 어려움을 겪고 있던 장바구니 기능을 뚝딱 해내 준 동기를 보고 잠시 슬럼프가 왔었다. '왜 나는 못했지?', '왜 나는 이렇게 할 생각을 못했을까?'하고 마음이 아팠다. 하지만 내 실력을 인정했다. 인정하..
-
[기업협업 회고] 기능 구현에 대한 회고 - 실시간 CCTV 영상을 활용한 공정 모니터링 시스템회고록 2022. 9. 12. 00:02
드디어 위코드에서의 3개월이 끝났다. 쉼 없이 달려온 3개월... 주말에는 쉬어도 되는데 노트북이 내 옆에 없으면 불안해서 항상 가지고 다녔다.. 그 정도로 정말 열과 성을 다하여 3개월을 임했던 것 같다. 이번에는 위코드에서의 마지막 프로젝트! 3개월 차 프로젝트에 대한 회고를 작성해보려고 한다. 위코드는 3개월 차에 기업협업을 나간다. 나는 백엔드2명, 프론트2명(나 포함) 총 4명이 함께 기업협업을 나갔는데 '무스마'라는 회사에 가게 됐다. '무스마'는 건설산업의 안전과 생산성, 효율성 향상을 목표로 industrial IoT 분야에서 다수의 대기업, 중소기업 고객을 확보하고 있는 IoT Solution 회사이다. 이에 내가 맡은 업무는 실시간 CCTV 영상을 활용한 공정 모니터링 시스템 이었다. ..
-
[위코드 2차 프로젝트 회고(2)] 팀 프로젝트에 관한 회고 (JEJUPASS 클론코딩 )회고록 2022. 8. 14. 21:24
https://jeongeuni.tistory.com/53?category=1103401 [위코드 2차 프로젝트 회고(1)] 기능 구현에 대한 회고 (JEJUPASS 클론코딩) 유튜브 최종 데모 영상 https://www.youtube.com/watch?v=S5ElqSBUMzM 2022년 8월 1일 ~ 8월 12일, 약 2주간 프론트 4명, 백엔드 2명으로 구성된 팀으로 JEJUPASS를 클론코딩하는 팀 프로젝트를 진행했다. 이번.. jeongeuni.tistory.com -- 취뽀 FREEPASS 깃허브 https://github.com/wecode-bootcamp-korea/35-2nd-FREEPASS-frontend/blob/master/README.md GitHub - wecode-bootcamp..
-
[위코드 2차 프로젝트 회고(1)] 기능 구현에 대한 회고 (JEJUPASS 클론코딩)회고록 2022. 8. 14. 18:36
https://jeongeuni.tistory.com/54?category=1103401 [위코드 2차 프로젝트 회고(2)] 팀 프로젝트에 관한 회고 (JEJUPASS 클론코딩 ) https://jeongeuni.tistory.com/53?category=1103401 [위코드 2차 프로젝트 회고(1)] 기능 구현에 대한 회고 (JEJUPASS 클론코딩) 유튜브 최종 데모 영상 https://www.youtube.com/watch?v=S5ElqSBUMzM 2022년 8월.. jeongeuni.tistory.com -- 유튜브 최종 데모 영상 https://www.youtube.com/watch?v=S5ElqSBUMzM -- 취뽀 FREEPASS 깃허브 https://github.com/wecode-boo..
-
react 리팩토링의 중요성프론트엔드 개발자가 될거야./react 2022. 8. 7. 22:41
코드가 길수록 효율성, 가독성이 떨어진다. 또한 일단 처음에 코드를 짤 때는 어떻게든 돌아가도록 구현하는 것에 꼳혀서 코드가 비효율적일 수가 있다. 이에 코드를 다 짠 후 리팩토링하는 시간을 가져야 코드의 효율도 올라가고 실력도 더 up 된다고 할 수 있다. 이번에 2차 프로젝트를 하면서 리팩토링한 부분에 대해 정리해보려고 한다. 비구조화 할당 const [adultPassengel, setAdultPassengel] = useState(1); const [childPassengel, setChildPassengel] = useState(0); const [babyPassengel, setBabyPassengel] = useState(0); const [rating, setRating] = useStat..
-
리액트 캘린더 라이브러리 Datepicker 사용법, 커스텀하기프론트엔드 개발자가 될거야./라이브러리 2022. 8. 7. 22:17
제주패스를 클론코딩하면서 내가 맡았던 부분에서 가장 도전적인 부분은 캘린더 라이브러리를 사용하는 것 이었다. 라이브러리라는 것을 처음 시도해보았기 때문이다. 일단 결과물부터 보여주자면 출발일, 도착일을 선택하면 탑승일에 해당 날짜가 표시되고 검색 버튼도 편도면 편도, 왕복이면 왕복으로 잘 구현된다. 또한 캘린더도 커스텀하여 화이트 앤 블루로 스타일링했다. 다운로드 하는 법 https://www.npmjs.com/package/react-datepicker react-datepicker A simple and reusable datepicker component for React. Latest version: 4.8.0, last published: 3 months ago. Start using react..
-
[위코드 2차 프로젝트] 제주패스 클론코딩 : menu Tap 구현하기프론트엔드 개발자가 될거야./react 2022. 8. 7. 10:50
이번 2차 프로젝트로 제주패스를 클론 코딩한다. 나는 꽤 중요한 모달 부분을 맡았다! 이 모달에서 도착지, 출발지, 탑승일(캘린더 라이브러리), 인원 및 좌석등급을 선택해줘야 하기 때문이다. 중요한 부분을 맡았으니 열심히 책임감을 가지고 해보려고 한다. 모달에는 tap 기능이 참 많다. 첫번째로 위의 사진처럼 항공, 자동차, 숙박, 맛집, 카페의 menu tap이 있다. 비행기를 누르면 항공에 대한 탭이 나오고 자동차를 누르면 자동차에 대한 탭, 숙박을 누르면 숙박에 대한 탭 ... 탭 지옥(?)이다. 두번째로는 위에서 볼 수 있듯이 항공에 대한 탭에 또 탭 기능이 있다. 도착을 선택했을 때, 출발을 선택했을 때, 탑승일을 선택했을 때, 인원 및 좌석등급을 선택했을 때의 레이아웃이 모두 다르다.. 레이아..
-
[1차 프로젝트] 상세페이지에 리뷰기능 추가하기프론트엔드 개발자가 될거야./react 2022. 7. 31. 23:12
https://www.le-jour.com/goods/goods_view.php?goodsNo=1000000035&mtn=23%5E%7C%5ELe+Jour+Set%5E%7C%5En# 르주르 베이비 세트 르주르 www.le-jour.com 클론코딩한 Magazine B의 상세페이지에는 리뷰기능이 없다. 그래서 이 사이트의 리뷰기능을 참고하여 Magazine B의 상세페이지에 리뷰기능을 추가구현하기로 했다. 이렇게 상세페이지 아래에 추가될 예정! 이었지만… 눈에 띄는 더 큰 별점이 있었으면 좋겠어서 이렇게 수정하기로 했다. 내가 디자인하고 내가 개발하는 거라 혼자 내린 결론이다. ㅎㅎ 어차피 back에게는 선택한 별점이 몇인지, 무슨 리뷰를 달았는지만 전달해주면 되기 때문이다. back과의 통신이 세 번 필..