차마시는 개발자

STU-TI STUDY + MBTI MBTI 와 개발자 스터디를 결합하여 성격이 맞는 사람끼리 스터디를 진행 하도록 하는 서비스 입니다. 배포: https://stu-ti.netlify.app/ Github: https://github.com/prgrms-web-devcourse/Team_KPPL_STUTI_FE YouTube: https://www.youtube.com/watch?v=MlLwIza06fw 많이 사용을 해주시고 문제점을 알려주시면 계속해서 리팩토링을 해보도록 하겠습니다.!!! 할 것이 여러개 보이긴 합니다. : ) FE 팀 팀장으로 프로젝트를 하면서 많은 경험을 했지만 가장 기억에 남는 것들 위주로 회고를 작성하겠습니다. 😶‍🌫️ 프로젝트 순서 팀 Commit, Code Conventio..

토론 커뮤니티 Web 만들기 정말 오랜만에 회고를 작성하는 데 어떻게 작성을 해야 할 지 감이 잘 잡히지 않아 그냥 생각의 순서에 따라 작성을 해보겠습니다. 3주 정도의 시간으로 4명의 프론트 엔드 개발자님들(저 포함 ^^)과 함께 토론 커뮤니티 Web을 제작하였습니다. 시작에 앞서 프로젝트에 대해 간단하게 소개를 하자면 엄마가 좋아? vs 아빠가 좋아? SNS, 방송을 중심으로 깻잎, 새우 논쟁 등 다양한 의견이 있는 간단한 논쟁들을 쉽게 투표하고 의견을 나누는 토론 커뮤니티 서비스 입니다. Github: https://github.com/prgrms-fe-devcourse/FEDC2_ToronTo_Nayoung 배포: https://melodic-fenglisu-afc3b8.netlify.app 정말..

😸 코드 리뷰 오답노트?(Vue) 생각보다 전의 피드백이 잘 안 들어간 느낌이었습니다. 그래서 작성하게 된 것입니다.ㅋㅋㅋㅋㅋ 이젠 잘 생각하면서 하도록 하겠습니다. 저의 코드를 리뷰해주신 멘토님, 동료들 감사합니다. !!! 😽 무한 스크롤 무한스크롤: IntersectionObserver 사용하는 것 추천드립니다. 강의에서 사용하는 것을 봤는데 직접해보지는 않았습니다. 한번 사용해보도록 하겠습니다. :) 😽 api 에러 핸들링(try/catch) 이 부분은 정말 놓친 부분이였습니다. 뭔가 빨리 완성되야 한다는 압박감 뭐 다 변명이고 에러 관리를 잘하도록 하겠습니다. 특히 api가져오는 부분!! 😽 영역 크기: height, width => padding, margin height, width 대신에 주..

😸 코드 리뷰 오답노트?(1~7) 뭔가 코드리뷰를 정리해야 겠다는 생각을 하지 못해서 한번에 몰아서 하는 감이 있습니다. 이젠 과제가 발생할 때 마다 주요 코드리뷰 받은 것을 진행하려 합니다. :) 저의 코드를 리뷰해주신 멘토님, 동료들 감사합니다. !!! 😽 EOF 파일의 끝을 알려주는 것으로 파일이 겹치는 것을 방지해주는 역할을 합니다. 그래서 모든 파일에 꼭 써주는 것이 좋습니다. 😽 .gitignore Git이 무시해야 하는 파일/폴더를 임의로 지정해 놓는 곳입니다. 저 같은 경우는 이런 규칙들을 생각하지 못하고 그냥 사용하였습니다. 그래서 문제가 발생했던 것 같습니다. '/': 디렉토리 설정할때 사용하지만 주로 맨 뒤에 사용해서 대부분의 디렉토리를 참조하는 것이 좋은 것 같습니다. '*': sl..

영화 검색 제작(w. Vue) 후기!! 와 Vue를 급하게 공부하고 바로 과제를 진행하려다 보니 정말 재미있었습니다. ㅋㅋㅋㅋ 이게 애기 스타트업인가 라는 생각도 들면서 이번에는 기간을 길게 잡고 여유 부리면서 했는데 생각하지 못 한 오류들이 너무 많이 나와서 시간을 조금 오버하게 되었습니다. ㅜㅜ 다시 원래의 방법대로 빨리 완성한 후 리팩토링하는 방식으로 돌아가야 겠습니다. 배포 사이트 https://melodic-douhua-da4c6d.netlify.app/ Paengflix melodic-douhua-da4c6d.netlify.app 파일 구성 📦FEDC2-8_Vue ┣ 📂functions ┃ ┗ 📜apiHandler.js ┣ 📂src ┃ ┣ 📂assets ┃ ┃ ┣ 📂css ┃ ┃ ┃ ┗ 📜re..

Airbnb 후기(SCSS) 해당 과제는 scss를 이용하여 원하는 home page를 0부터 만들어 보는 것입니다. (많은 JS는 들어가지 않았습니다.) 우선.... css를 자유롭게 다루지 못하고 이론만 엄청 공부한 상태 였습니다. 그래서 미리미리 잠을 줄여가며 진행을 하였고 뭔가 빠른 시간 내에 빠르게 제작을 해봐라 라는 의미가 있는 과제인 것 같아 심플하고 명확하게 작성하도록 노력했습니다. 재미있게 봐주세요!!! 아하 저는 🛫Airbnb 사이트를 만들었습니다.🛬 * 맨 마지막에 영상도 있으니 마지막까지 ㅋㅋㅋㅋ * 이 사이트를 선택한 이유는 여행에 관심이 많고 사이트가 엄청 이뻤습니다. 그리고 초반 공유 경제가 뜰 때 관심이 많아서 사업도 할려고 했었다는 무서운 이야기 👹 🤡 1. 어디까지 js❓..

🤔 고양이 사진첩 만들기 !!! 들어가기 전에 완성본 영상을 보고 가겠습니다. 폴더 파일 구조 📦src ┣ 📂components ┃ ┣ 📜app.js ┃ ┣ 📜breadCrumb.js //경로 나타내는 곳(경로 선택 가능) ┃ ┣ 📜catNode.js //파일, 폴더 나타내는 곳(파일,폴더 선택가능) ┃ ┣ 📜imageViewer.js //파일 선택시 그림 보여주는 곳 ┃ ┗ 📜loading.js //loading 중 인 상황 ┣ 📂constants ┃ ┗ 📜constants.js ┣ 📂utils ┃ ┣ 📜api.js ┃ ┣ 📜backEvent.js ┃ ┣ 📜fetchCat.js ┃ ┗ 📜returnHTML.js ┗ 📜main.js 뭔가 허접하게 했습니다. 이 것을 3시간 안에 다 끝내야 하는데 생각해보..

Notion 제작 및 문제해결!! 프로젝트를 한 순서대로 글을 작성하는데 자잘한 문제보다는 큰 문제 위주로 회고를 작성한 것 입니다. 편하게 읽어주세요 :) 처음 들어가기 앞서 실행 영상을 보고 가도록 하겠습니다. !!! 주위에서 처음에 밤을 새워야 한다라고 겁을 너무 많이 주셔서 겁을 많이 먹었던 것 같아서 내가 할 수 있을 까?? 라는 의문점을 가지고 시작을 했습니다. 📦public ┣ 📂api ┃ ┗ 📜kdt-api.js ┣ 📂components ┃ ┣ 📜app.js ┃ ┣ 📜editor.js ┃ ┣ 📜linkButton.js ┃ ┣ 📜postEditPage.js ┃ ┣ 📜postList.js ┃ ┣ 📜postPage.js ┃ ┗ 📜postRootList.js ┣ 📂constants ┃ ┣ 📜con..