회고

[JUSTCODE] 1차 프로젝트 회고

※이 프로젝트는 사이트의 디자인만을 차용하고, 모든 코드는 COPY한 것이 아니라 설계부터 자체적으로 하였음을 명시합니다. 프로젝트 기간 2022.10.31~2022.11.10 (2weeks) 그라폴리오 사이트를 모델링 사이트로 선정한 이유 우리 팀은 세션 때 배웠던 이론을 바탕으로 심화, 응용하여 개발자로서 성장할 수 있는 사이트를 고르는 것을 최우선의 목적으로 두었다. 따라서 해보았던 기능들을 다시 적용해볼 수 있으면서도 새로운 기능을 학습할 수 있는 그라폴리오 사이트를 선정하게 되었다. 사이트의 성격 사진 공유 플랫폼으로, 누구든 사진작가가 되어 자신의 작품을 업로드하여 소통할 수 있다. 팀원소개 Front-end 한혜선, 김정현, 오다원 Back-end 김지수, 박수호, 송인찬 기술 stack F..

[JUSTCODE] 1개월차 회고

배경 JUSTCODE를 시작한 지 한달이 지났다. 이 한달동안은 배움에 초점을 두고, 많은 것을 학습했다. 1개월동안 했던 것들 Week 1 Pre-course : justgram UI 구현 Week 2 Pre-course : node.js로 간단한 back-end 서버 구현 Week 3 Basic Foundation : justgram UI React로 변환하기 Week 4 Advanced Foundation : 카카오 상품으로 리스트뷰 / 카드뷰 구현하기 Week 1 Pre-course vanila Javascript, html, css를 사용하여 instagram을 클론한 justgram을 만들었다. JUSTCODE에 들어와서 맨 처음 결과를 낸 것이었기 때문에 내가 뿌듯했다. 또한, 팀원들과 pe..

[JUSTCODE] pre-course 2주차 회고

배경 pre-course는 front-end/back-end 중 자신의 포지션을 결정하기 전, 한 주씩 두 가지를 조금씩 경험해보고, 결정하는 시간을 갖게된다. 이번 2주차는 back-end 주차로, node.js를 이용하여 justgram의 API를 만들어 보았다. 알게된 점 + 해본 것 1, 2, 3세대의 웹 서비스의 차이의 대해 알게되었다. API의 개념에 대해 알게되었다. Javascript에서의 import와 node.js에서의 require의 차이점에 대해 알게되었다. HTTP의 개념에 대해 알게되었다. 관계형 데이터베이스(RDBMS)의 개념에 대해 알게되었다. ERD 구성도로 데이터 관계를 모델링해보았다. node.js를 이용하여 justgram의 회원가입, 회원 정보 조회, 게시물 등록, ..

[JUSTCODE] pre-course 1주차 회고

배경 나는 온라인 부트캠프인 JUSTCODE에 참여하게 되었다. pre-course는 front-end/back-end 중 자신의 포지션을 결정하기 전, 한 주씩 두 가지를 조금씩 경험해보고, 결정하는 시간을 갖게된다. 이번 1주차는 front-end 주차로, html, css, javascript를 사용하여 instagram을 클론하여 justgram의 ui를 만들어 보았다. 알게된 점 + 해본 것 display: flex;를 이용하여 중앙정렬을 할 수 있다. 아이콘을 왼쪽, 오른쪽으로 나눠 정렬하고 싶을 때, class에 left와 right를 주고, display: flex;와 align-items: center;를 이용하여 중앙정렬 하였다. fetch함수로 mock data를 받아올 수 있다. 팀..