프론트엔드
-
1차 프로젝트 회고:: converse 클론 프로젝트개발일기 2020. 8. 2. 22:57
1차 프로젝트:: converse 클론 후기 1. 프로젝트 소개 1) 주제👆🏻 전세계적으로 사랑받는 스포츠웨어 패션 브랜드 컨버스(Converse) 웹사이트 클로닝 👟 React.js와 Git, Trello로 협업하여 이루어진 두 번째 팀 프로젝트 (협업👨👩👧👦으로는 첫 번째 프로젝트) 2) 개발인원 (프론트 3명, 백엔드 1명) 프론트 3명 (김신영, 김효식, 이병수) 백엔드 1명 (손수정) 3) 개발기간 2020.07.20(월) ~ 2020.07.31(금) 약 2주 / 총 12일 2. 사용된 기술 1) 프론트엔드 👩🏻💻 JavaScript (ES6) React.JS (첫 프로젝트로 리엑트 생명주기를 더 직관적으로 인식하기 위해 Class형 컴포넌트 사용) React-Router React-Sl..
-
Instagram 클론 프로젝트 후기개발일기 2020. 7. 19. 21:51
Instagram 클론 프로젝트 후기 1. 프로젝트 소개 전세계적으로 사용되는 소셜 미디어 플랫폼 중 심플하고 재사용 가능한 컴포넌트 UI로 구현된 인스타그램 Web App 클론 1) 목적 git을 통한 협업으로 실무환경 경험 Http 통신을 통한 JavaScript 비동기 처리 이해 SPA(Single Page Application) 구축 경험 React 컴포넌트 Life Cycle 이해 2) 개발 기간 개발 기간 : 2020/07/06 - 2020/07/17 3) 구성원 프론트 5명 (각자 동일한 페이지 구현) 2. 기술 스택 및 구현 기능 1) 기술 스택 React, React-Router, Fetch API, Sass, React-icons, Faker 2) 협업 툴 Git, Slack, Noti..
-
신입개발자 포트폴리오 관리방법 (드림코딩:엘리)about front-end 2020. 3. 25. 14:54
https://youtu.be/KJUdqPDAtTI 드림코더 엘리님의 영상의 내용을 적었습니다:) 더 자세한 내용은 영상을 참조하세요! 신입개발자 포트폴리오 관리방법 개발공부를 잘하기 위해서는 작은 것이라도 직접 조금씩 스스로 프로젝트를 만들어 나가며 배우는 것이 가장 중요하다. 1. 프로젝트 단위로 공부해나갈 경우의 장점 1) 실용적인 방법들을 배울 수 있음 2) 결과물이 눈으로 보이기 때문에 성취감+작은 모멘텀이 생김 3) 포트폴리오에 추가할 수 있음. 4) 문제해결능력을 기를 수 있음 (이게 가장 중요한 이유임) 2. 어떻게 프로젝트를 만들어 나가야 하는가? 프론트엔드의 경우: 1) html+css : 정적인 반응형 웹사이트 몇가지 만들어보기. (실전 배움) *반응형을 만들어 좀 더 ui요소가 가미..