저스트코드
[JUSTCODE] FAST-FIVE 기업과제 프로젝트 회고록
프로젝트 기간 2022.12.12 ~2022.12.27 사이트의 성격 패스트파이브에 입주해있는 회사들의 정보를 확인할 수 있으며, 권한에 따라 회사소개 글을 작성할 수 있다. 팀원소개 Front-end 한혜선, 박성아, 오다원 Back-end 김지수, 송인찬 기술 stack Front-end : React, Sass, TypeScript Back-end : Node Express, Mysql, AWS, TypeScript 컨벤션 패스트파이브 기업과제 사이트 url http://13.231.5.51:3000/ 협업방식 Notion에서 칸반보드를 이용하여 티켓으로 일정 관리 Daily stand up meeting(AM 11:30) : 어제 작업한 사항, 오늘 해야할 사항 공유 Slack : 공지사항 전달 ..
[JUSTCODE] PHOTOFOLIO renewal 프로젝트 회고록
※이 프로젝트는 사이트의 디자인만을 차용하고, 모든 코드는 COPY한 것이 아니라 설계부터 자체적으로 하였음을 명시합니다. 프로젝트 기간 2022.11.30 ~2022.12.04 (5days) 그라폴리오 사이트를 모델링 사이트로 선정한 이유 우리 팀은 세션 때 배웠던 이론을 바탕으로 심화, 응용하여 개발자로서 성장할 수 있는 사이트를 고르는 것을 최우선의 목적으로 두었다. 따라서 해보았던 기능들을 다시 적용해볼 수 있으면서도 새로운 기능을 학습할 수 있는 그라폴리오 사이트를 선정하게 되었다. 사이트의 성격 사진 공유 플랫폼으로, 누구든 사진작가가 되어 자신의 작품을 업로드하여 소통할 수 있다. 팀원소개 Front-end 한혜선, 김정현, 오다원 Back-end 박수호, 송인찬 기술 stack Front-..
[JUSTCODE] 1, 2차 프로젝트 리팩토링
1차 프로젝트 photofolio DeleteModal.js 중복되는 코드 map 돌리기 최상위 의미없는 태그 삭제 모든 localStorage 삭제 시 clear();로 변경 before) 1. 회원님의 작품과 큐레이션 등 모든 정보가 삭제되며 복구할 수 없습니다. 또한 다른 사람에게 큐레이션된 작품, 사람들과 이야기 나눈 댓글도 모두 삭제됩니다. 단, 콜라보레이션에 당선된 작품은 별도로 보관됩니다. 외부로 공유된 회원님의 프로필 페이지와 작품 상세 페이지에 접속할 수 없습니다. 콘텐츠샵 판매자로 가입되어 있는 경우, 먼저 판매자 탈퇴가 되어야 포토폴리오 채널 삭제가 가능합니다. 2. //데이터 삭제 const deleteAccount = e => { e.preventDefault(); fetch('h..
[JUSTCODE] 2차 프로젝트 회고
※이 프로젝트는 사이트의 디자인만을 차용하고, 모든 코드는 COPY한 것이 아니라 설계부터 자체적으로 하였음을 명시합니다. 프로젝트 기간 2022.11.14~2022.11.24 (2weeks) 점핏 사이트를 모델링 사이트로 선정한 이유 우리팀은 1차 프로젝트보다 더 다양한 기능이 있고, 개발자로 성장하는 데에 도움이 될 수 있는 사이트를 선정하는 것을 목적으로 두었다. 또한, 사용자의 입장에서 볼 때 UI가 깔끔하고, 앞으로 우리가 자주 이용할 채용 사이트에 대해서 미리 분석할 수 있을거라 기대하여 점핏 사이트를 선정하게 되었다. 사이트의 성격 다양한 조건에 따라 정리되어 있는 채용 정보를 얻을 수 있고, 원하는 필터를 적용하여 채용정보를 찾아, 작성한 이력서를 바탕으로 지원할 수 있다. 팀원소개 Fro..
[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] Basic Foundation - React CRA, Component, JSX
CRA React를 시작하기 위해서는 CRA를 설치해야한다. 설치하는 명령어는 다음과 같다. npx create-react-app 디렉토리 진입 cd 로컬 서버 띄우기 npm run start http://localhost:3000로 접속하여 리액트 로고가 빙글빙글 돌고있는지 확인 CRA의 기본 폴더 및 파일 초기 구성 node.modules package.json .gitignore index.html index.js App.js public 폴더 src 폴더 Component React에서 사용하는 페이지의 구성 단위 Component의 특징 유지보수가 쉽다. 부모 Component가 자식 Component를 가질 수 있다. 재활용하여 사용하기 좋다. Component에는 Class형과 함수형이 존재..
[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의 회원가입, 회원 정보 조회, 게시물 등록, ..