Tech is created to fix problem

* 프로젝트명 : FastCatch (빨리잡아!) * 주제 : 숙박 예약 API 서비스 * 개발기간 : 11/20(월) ~ 12/01(금) * 깃헙주소 : https://github.com/FC-FastCatch/FastCatch-FrontEnd * 배포사이트 : https://www.fastcatchapp.com/ 이번 미니 프로젝트를 진행하면서 배운 점 그리고 아쉬운 점 맡은 기능 중 보완한 부분에 대해 작성하려고 한다. 1. 배운 점 프로젝트란 팀의 결과물이기 때문에 컨벤션이 아주 중요하다 이전 회사에서 했던 일이나 이전 프로젝트를 진행하면서 팀의 컨벤션에 대해 신경을 많이 쓰지 못했었다. 일하면서는 대부분 혼자 역할을 처음부터 끝까지 맡았기 때문에 컨벤션이 네이밍정도였고 그 나머지의 코드들은 내가..

과제기간 : 23.08.08~23.08.18 깃헙코드 : https://github.com/furaha707/ListApp_JS 이번에는 느낀 점을 먼저 적어보자 처음에는 과제 안내를 받았을 때 정말 막막했다 내가 혼자 데이터 파일을 만들어서 불러오고 그것을 출력한 정도로만 만들어봤고 CRUD 앱을 제대로 만들어본 적이 없었다 그리고 실시간 DB를 연동한 경험도 많이 없어서 난이도가 매우 높게 느껴졌었다 처음엔 user flow를 머릿속으로 먼저 그려보고 디렉토리 구성을 하고 그리고 주로 버튼에 이벤트를 걸어서 동작하다 보니까 버튼과 기능에 따른 함수 이 두가지를 작성하다 보니 작업하면서 점차 확장시키고 싶은 기능들이 생각이 났다 그때그때 오류 나면 검색하면서 firebase 사용법도 익히고 예외처리도 ..

이번 2차 과제는 약 2주라는 시간 동안 javascript로 사진 관리자 서비스를 만드는 것이었다 프로필 등록 / 수정 / 삭제를 해야하는데 여기서 필수는 첫째, 이미지를 등록 관리 할 수 있어야 했고 둘째, AWS S3 / Firebase 같은 서비스를 이용하는 것이 필수 조건이었다 AWS S3와 Firebase 둘 다 한 번쯤은 사용해 본 적이 있긴 했지만 그 당시에는 말 그대로 따라친 수준이어서 습득된 상태가 아니었다 그래서 이번에 세팅하는 첫 시작부터 많이 헤맸다 우선, 과제를 시작하고 진행하는 과정에서 부딪혔던 점들을 먼저 적어보고자 한다. 1. class 모듈화 현재 인강으로 듣고 있는 주제가 class 모듈화이기 때문에 그 방식을 활용해서 과제를 하고 싶었다 그런데 인강으로 그 개념을 활용..

지난시간에 이어서 이번엔 코드리뷰를 토대로 수정을 해보자! 지난 포스팅 : https://furaha.tistory.com/18 1. 인라인으로 스타일 준 부분을 scss 에서 변수사용으로 바꿔보자 오류) 색상중에 몇가지만 색상으로 인식이 안되길래 왜지 싶었는데, 변수명 $ 뒤에 숫자로 시작했기 때문이었다,,ㅎㅎ 해결) 변수명을 $color- 로 앞부부을 전부 통일해주었다. 2. main.js 에서 로직이 아닌 부분은 별도 파일로 뺀 후 import 하여 사용하자! 로직이던 데이터이던 상관하지 않고 모두 main.js에 넣어주니까 거의 1000줄을 돌파하고 있었다.. 용도에 맞게 js 파일도 모듈화시켜서 사용하자. export import 를 사용하려 했는데 아래 2가지 오류가 났다. 오류-1) Unca..

그라폴리오 클론코딩을 했다. 사이트 선정 이유는 필터링을 연습해보고 싶었다. 구글링 하면서 어찌저찌 구현해 봤지만 계속 막히는 부분이 생겼고 해결하려고 하다 보니 많은 것을 익히게 되었다. 구현한 링크 : http://grafolio.dothome.co.kr/main/main.html 먼저, 첫 섹션은 카테고리와 스와이퍼의 조합이다. 스와이퍼는 익히 써왔고, 어느 정도 스와이퍼 이슈에 대해 다뤄왔다. 그래서 첫 번째 오류가 났을 때, 원인에 대해서 유추는 가능했다. 오류 1) 필터링을 하는데 Swiper 안에 item 들을 바꿔줄때마다 swiper가 가로값을 잡지 못함❗️ 왜? swiper 는 실행될 때 인라인으로 wrapper, container, slide-item 모든 요소에 내가 설정한 옵션(ex..