프로젝트 회고 이번에 안경을 도매로 판매하는 회사의 영업사원들을 위한 웹/앱을 메인 개발자로 진행을 했습니다. 즉, 100명 이상의 영업사원이 대금을 받으러 다닐 때 사용하는 웹/앱을 만들었습니다. (웹 프론트 개발과 Flutter 개발을 맡아서 진행하였습니다) 디자이너분과의 문제 이때 디자이너분과 처음 합을 맞추는 것이어서 디자이너분이 어떠한 방식으로 일을 하고 있는지 파악하는 시간이 필요했습니다. 그러나 급하게 완성해야 해서 서로를 파악하는 시간이 부족했고 삐걱대기 시작했습니다.... 디자이너분은 회사에 거의 8년 이상 계셨던 분이어서 다른 팀원들은 디자이너분이 만들어 놓은 대로 많이 따랐습니다. 그리고 저는 신입이지만 뭔가 잘하고 싶은 마음에 하나하나 같이 이야기하고 좀 저의 의견도 들어갔으면 했지..
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 대신에 주..
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시간 안에 다 끝내야 하는데 생각해보..