ETC/Bootcamp

패스트캠퍼스 X 야놀자 프론트엔드 부트캠프 파이널 프로젝트 회고 파이널 프로젝트는 3가지 주제가 있었다 나는 그중에 가장 흥미롭다고 생각했던 중고 숙박 거래 C2C 거래 플랫폼 프로젝트를 선택했고 다행히 내가 원했던 프로젝트를 도전해볼 수 있었다 약 한달 반의 시간동안 정말 길게도 짧게도 느껴젔던 파이널 프로젝트 회고 겸 후기를 쓰려고 한다! 1. 구현 기능 나는 메인페이지와 판매권 등록 페이지를 맡았다 메인페이지에서는 간단하게 아이템들을 보여주었고 전체보기를 클릭하면 상세 페이지로 넘어가며 무한스크롤로 아이템의 리스트를 볼 수 있게 구현해주었다 판매 페이지는 야놀자와 연동된 숙박권 데이터(실제로 연동 X)를 가져와 판매할 숙박권을 선택하여 판매 시 필요한 정보들을 입력받고 선택할 수 있게 구현해주었다...

패스트캠퍼스 X 야놀자 프론트엔드 부트캠프 미니 프로젝트 후기 미니 프로젝트는 숙박 예약 웹서비스 구현하는 프로젝트로 처음으로 백엔드 분들과 협업하는 프로젝트였다. 프로젝트 2개로 정말 바쁘게 지냈던 11월을 뒤로하고 미니 프로젝트 회고 겸 후기를 쓰려고 한다. 1. 구현 기능 내가 담당했던 기능은 다음과 같다. 상품(숙소) 상세 페이지 객실 상세 페이지 달력 모달 카카오 지도 API 연결 야놀자 웹 사이트와 정말 똑같이 만들고자 노력하였고 생각보다 더 흡사하게 나온 것 같아서 정말 뿌듯했다! 정말 짧은 기간 안에 구현해야 했던 프로젝트여서 디자인을 온전한 걸로 가져가지 못한 점은 아쉬웠지만 기능적인 부분에서는 기획했던 모든 기능을 구현하였다! 2. 트러블 슈팅 (1). 🙅🏻 이슈 : 달력 모달에서 한 ..

패스트 캠퍼스 X 야놀자 프론트엔드 부트캠프 5-6주차 과제 후기 이번 과제는 그동안 배운 Javascript를 사용해 직원들의 사진을 관리할 수 있는 사진 관리자 서비스를 만드는 것이였다! firebase 혹은 AWS S3를 사용하여 페이지를 구축해야 하고, 디자인 부터 모두 새롭게 만들어야 했다! 본인은 사진을 저장할 storage로 firebase를 사용하였는데 그 이유는 1. 간단한 프로젝트 였기 때문에 사용이 편한 firebase를 사용 2. 예전에 aws를 사용했다가 freetier가 끝난지 모르고 냅뒀다가 과금이 되었던 아픔 경험... 3. 직원들의 정보는 local storage를 사용하여 관리할 것이기 때문 이러한 이유들로 오직 '이미지' 저장만을 위한 목적이였기 때문에 간단하게 fire..

패스트캠퍼스 x 야놀자 프론트엔드 부트캠프 3주차 과제 후기 웹 페이지 클론코딩 하는 과제였는데 이전 1,2 주차에 배웠던 HTML, css를 활용하여 만드는 과제였다! 나는 개발할 때 마다 css 를 다루는게 어려웠어서 최대한 배운 것을 활용해보고자 KREAM 웹사이트를 선택했다🔥 💭 사이트 구조 크림 사이트 구조는 다음과 같다! 상위 Header는 고정이 되어있고 스크롤이 되어도 상단에 떠있는 구조였고 아래 main에는 여러 section으로 구분되어 있었다. 시맨틱 태그의 종류는 알고 있었지만 써본 적은 없었어서 이번에는 시맨틱 태그를 적극 활용하여 코드를 작성하였다.! 확실히 div 태그들로만 이루어진 코드보다 가독성이 좋았고 구분하기 쉬워서 다음에도 적극적으로 사용해야겠다 🙇🏻‍♀️ 실제로 구현..