프로젝트 찐 시작?.. 2일차. 사실상 오늘이 본격적인 시작이라고 봐도 무방할듯 하다? 본격적인 협업의 서막이 열렸다 😇 라우터 연결과 배포 준비 완료 주말동안 페이지간 라우터 연결에 성공하고 가비아에서 도메인 사다가 S3에 배포도 우선적으로 해두었다. 🙌 나중에 프로젝트 마무리 되면 업로드만 하면 된다~ PR 오늘 하루동안 이루어진 PR! PR을 보내고 받는 것에 좀 더 익숙해져가는 하루 🙂 유다시티 커밋 컨벤션을 써보기로 해서 좀 더 정돈된 문구로 커밋하고 PR을 보내고 있다. 디자인 보강.. 팀원들과 소통하며 디자인쪽의 허술한 부분 보강.. 유독 리뷰페이지에 그런 부분이 많았다. 🤔 작업 진척도 HTML/CSS 생각보다 마크업 작업이 빠르게 진행되고 있는 중 👏👏 일부 페이지들은 반응형 작업도 되어..

11월 셋째 주를 보내며 11월 1일이 된 게 엊그제 같은데 왜 벌써 20일인지 의문.. 🤔 금요일을 기점으로 프로젝트가.. 본격적으로 시작되었다. 😂 새롭게 학습하게 된 개념들로 프로젝트를 진행해야 해서 걱정 반 용기반.. 그나마 희소식인 것은 발표일이 하루 미뤄졌다는 것!.. 이와 별개로 평일에 작성 중인 TIL... TIL 이라는 카테고리로 범주화하지 않고 그간 써오던 방식대로 각각 해당 카테고리에 쓰는 것이 낫지 않나 고민 중이다. 🤔 일단 다음주부터는 1개의 주제에 대해 써보기로!.. 👀 Fact 자료구조와 알고리즘 공부를 느리지만 이어가는 중.. 프로그래머스 문제들을 꾸준히 푸는 중 (아직 0단계지만~) 바닐라 js로 SPA 구현 특강을 들었다. 공부기간이 끝나고 프로젝트가 시작했다. 주말이 ..

프로젝트를 시작하며, 1일차. 본격적으로 기초 프로젝트가 시작되었다. 😇 지난 프로젝트를 바탕으로 이번 프로젝트 때는 기획을 좀 더 세부적으로 신경써서 해야겠다고 느끼며!.. 팀원들과 열심히 프로젝트에 뼈대를 붙였다. 주제? 좋은 아이디어를 가지고 있던 팀원분 덕분에 빠르게 주제를 정하고 슉슉 진행할 수 있었다. 이번 우리의 프로젝트명은 Swivee. (좀 멋진 이름인듯) 그럴듯하게 말해보자면 이용자들의 신발 리뷰를 통해 여러 브랜드의 신발과 구매자의 연결고리가 되어주는 서비스다. 짧게 신발 리뷰 모음 서비스라고도 축약할 수 있겠다. AI로 브랜드 이름과 로고를 생성할 수 있는 시대.. (대박적) 다른 팀원 분의 빠른 서칭으로 우리 프로젝트는 멋진 이름을 가지게 되었다. 👍 와이어 프레임 와이어 프레임은..

👟 SWIVEE 브랜드 신발 리뷰들이 모여있는 서비스! 사용자들이 작성한 신발 리뷰를 통해 브랜드 별 신발과 소비자 간의 받침과 같은 연결고리가 되어주는 플랫폼입니다. SWIVEL이라는 단어가 받침 이라는 뜻을 가지고 있는 것에 모티브를 얻었습니다. 🙂 🛠 와이어 프레임 헤더 로그인에 따라 로그인/로그아웃이 다르게 보이도록 했습니다. 메인페이지 (main.html) 브랜드 별 신발들과 가장 리뷰가 많이 쓰인 브랜드, 최근 작성된 리뷰를 볼 수 있습니다. 각 신발별 리뷰가 모여있는 페이지 (board.html) 해당 신발의 리뷰들이 모여있습니다. 리뷰 상세 페이지 (review.html) 리뷰 상세페이지 입니다. 유튜브 리뷰 페이지 링크로 이동할 수 있습니다. 로그인 / 회원가입 (login.html /..

11월 둘째 주를 보내며 한 주가 금방 지나갔다! 이번 주도 5F 회고로 돌아보려 한다. 둘째 주는 학습에 집중하는 한 주였다. 👀 Fact 새로운 팀이 편성되었고, 팀장이 되었다. (공부하는 주이긴 하지만 일정을 챙기는 중 💪) 끝말잇기 게임을 만들었다. 자료구조와 알고리즘을 조금씩 익히고 있다. 프로그래머스를 0단계부터 풀기 시작했다. 알고리즘 특강과 CS 특강을 들었다. 🙂 Feeling 알고리즘.. 어렵지만 풀었을 때의 성취감은 확실하다. 구름 만지듯 어렴풋하게 느끼던 것을 뚜렷하게 잡게되는 기분 짜릿하다! 체력관리를 잘해야겠다.. 혼자 공부할 때처럼 그날 해야 할 목표치에 대한 시간 배치를 다시 확실히 해봐야겠다. 🔍 Finding 연결 리스트와 이진 탐색 등등의 자료구조와 알고리즘. DOM 다..

11월 첫째 주를 보내며 캠프가 공식적으로 시작되었고, 새로운 팀원들과 미니 프로젝트를 시작하여 발표까지 끝낸 정신없는 한 주였다. 이번 주는 특히나 첫 주였기 때문에 어떤 마음 가짐으로 캠프에 임하는지 또한 정리해보기로 했다. 그리고 주간 회고를 어떤 방식으로 작성할까 하다가 주간 인프런에서 알게 된 5F 방식으로 회고해보기로 했다. 5F는 Fact, Feeling, Finding, Future action, Feedback 이 다섯 개의 키워드 순서대로 회고를 진행하며 사실 - 느낌 - 배운 점 - 향후 행동 - 피드백으로 이어지며 시간 순서에 따라 정리할 수 있다. 한 주를 순차적으로 돌아보기에 적합한 방식인 것 같아 채택! 아, 오늘 멋진 웰컴 키트도 받았다. 🙌 생각보다 탄탄한 티셔츠와 귀여운 ..

2주 차 지난 주보다 백엔드 실습이 훨씬 많았던 2주 차! MongoDB와 파이썬을 연동해보고, Flask로 웹서버를 구현해보았다. 거기에 AWS로 배포까지.. 👏 이번 주를 보내며 겪었던 우여곡절을 정리해본다. 글이 길어질 것 같아 몇몇 부분은 따로 작성해야겠다 싶기도.. 팬명록 MongoDB NoSQL인 MongoDB를 처음 사용해보았다. 가입부터 프로젝트, 클러스터 생성까지.. 👀 그런데 막상 DB에 데이터를 넣으려 하니 에러 발생... 🚫 m1 맥북에서 mongoDB 연결 안 되는 현상 SSL CERTIFICATE_VERIFY_FAILED 오류인데, pymongo는 TLS/SSL을 이용해서 서버와 연결하는데 특정 환경에서 지원을 안 하는 경우가 있다고 한다. 그래서 certifi라는 패키지를 추가..

사전 캠프 시작! 왜 내일배움캠프를 수강신청 하게 되었는가, 어떤 자세로 임하는 지는 따로 포스팅 하기로 하고.. 2주간 사전캠프에서 수강하는 웹개발 종합반은 풀스택을 가볍게 맛볼 수 있는! 그런 강의다. 이미 알고 있었던 부분을 제외하고, 새롭게 알게된 부분을 정리해본다. 이번 강의에서는 웹개발종합반 1,2주차 내용이 주를 이룬다. 모바일을 위한 설정 CSS에서 max-width로 최대치를 설정해두고, width를 퍼센트 값으로 주면 모바일에서도 유동적으로 보인다. 팬명록 만들기 누구로 할까 고민하다가 얼마전 새 앨범이 나온 아이들 노래에 꽂혀서.. 🤭 부트스트랩을 이용해서 뚝딱뚝딱 만들었다. 부트스트랩 부트스트랩은 오픈소스 CSS 프레임워크다. 반응형과 깔끔한 UI를 지원하지만 이미 정해져있는 디자인..

우여곡절 구구절절 우여곡절 끝에 완성했던 바닐라 자바스크립트 프로젝트, 오늘의 바다.. 🥹 프로젝트 도중에 개인 사정으로 잠시 놓기도 했고.. 이런저런 일들이 많았어서 생각보다 완성까지 오래 걸렸다. 심지어 회고쓰는 것도 이제야.. (..!) 더 늦기 전에 서둘러 작성해본다. 좋았던 경험 1. 공공데이터 API를 쓰면서 그래도 적지 않은 수의 데이터를 다루어 본 것 같다. (데이터 엑셀파일에는 420여 개 정도의 전국의 해수욕장 데이터가 담겨있다.) 2. 자바스크립트로 나름대로 고민하며 기능을 구현했다. 이건 좋았던 것이기도, 아쉽기도 한데 일단 좋았던 것. 순수하게 자바스크립트로만 만든 프로젝트를 한번쯤 해보고 싶었기에 시작해서 구현하면서 연습도 되고- 중첩된 object 속 데이터를 어떻게 꺼내올 것..

지금까지 현재까지 데이터를 파이어베이스 백엔드로 보내고 받고 할 수 있는 웹 애플리케이션을 만들었다. 급한 일이 생겨서 막바지에 경주마처럼 배포까지 해놓은 상태 ^^.. 이번에도 디자인 간단하게 뚝딱뚝딱.. 하지만 여기서 끝내기엔 너무.. 🤔 기능이 꽤.. 부족.. 🤔 (단순한 기능인게 사실..) 인증(로그인)기능을 우선적으로 추가해볼 생각. 그리고 리팩토링이 매우 필요하기도 하고.. 일단 지금의 문제점은 특히 주문 관련된 페이지 컴포넌트들이 너무 무거워서 분리될 필요성이 있고, 뭔가 액션이 일어날 때마다 전체적인 요소들의 렌더링이 다시 일어나는 것을 볼 수 있어서 useMemo 훅을 이용한다던가.. 최적화가 꼭 필요할 것 같다. 또 강의에서 대체로 css module을 많이 사용해왔고, 나도 분리된 c..