About_Section2 & Works 구현_20210602-03_Day9,10
·
Projects/JPortfolio_2021
진행 사항 02 [Client]ADD Studies Component - Implement Studies and Modal - Store Studies data in Firestore - Use useState method to convey according datas to Modal component 03 [Client]ADD Works Section - Implement Works Section - Store Works data in Firestore - Use useState method to convey according datas to Modal component Firestore 겹친 영역 이벤터 Studies / Works 의 아이템 클릭 시 모달 창이 뜨는데, 아이템의 어떠한 부분을 클릭해..
About_Section2 구현중_20210601_Day8
·
Projects/JPortfolio_2021
금일 진행 사항 - About Section2 Education 구현 완료
About_Section1 구현 완료_20210531_Day7
·
Projects/JPortfolio_2021
금일 진행 사항 - About Section1 구현 완료 - Pair review Carousel Pair review Carousel React-slick Library 를 사용하여 구현했다. 커스터마이징은 자유롭지 않지만 편리하다. Firebase 에 리뷰 데이터를 저장하여 사용하는 방법도 있지만, 간단한 텍스트 데이터이기에 src - assets - reviews 의 자바스크립트 파일에 리뷰 배열을 만들어 데이터를 저장하고 불러오는 방식으로 구현했다. Carousel.js 코드 import React, { Component } from "react"; import Slider from "react-slick"; import styled from "styled-components"; import "s..
Nav, Home, About 구현_20210530_Day6
·
Projects/JPortfolio_2021
금일 진행 사항 - Navigation Bar 구현 완료 - Home Section 구현 완료 - About Section 구현 중 Navigation Bar & Home Section About Section 페어리뷰의 Carousel 구현 예정. 관련 데이터를 임의의 js 파일에 넣어둘지 아니면 firebase firestore 를 사용할지 생각중. 오늘의 생각 전체적인 사이즈 조정이 필요하다. 각 섹션이 한눈에 들어오도록 UI 를 구성할 필요가 있어 보인다.
코드스테이츠 수료 후 느낀점
·
BootCamp_Codestates/TIL
1. 본인 마케팅 잘하기 본인이 취업 시장에서 매력있는 지원자라는 걸 보여주는 것이 중요한 것 같습니다. 본인의 컨셉/장점 과 비슷한 개념인데, 예를 들어 저의 경우에는 프로젝트를 컨셉으로 잡았습니다. 코드스테이츠 수료 후 기술면접/코딩테스트 보다는 먼저 작은 개인 프로젝트(클론 프로젝트도 포함)들을 제 포트폴리오에 추가하여 '팀프로젝트, 개인프로젝트' 에 경험이 있고 실제 프로젝트를 통해 개발 실력을 키우고 있다는 점을 어필했습니다. 그리고 코드스테이츠에서 구현했던 스프린트도 개인 프로젝트에 추가하여 어떤 개념을 배우고 구현해봤는지도 보여주었습니다. 깃헙에 프로젝트들의 링크를 달아 회사의 인사담당자가 쉽게 확인할 수 있도록 했습니다. 만약 배포가 안된 프로젝트는 블로그에 구현과정 등을 기록하는 것도..
프로젝트 기획_컴포넌트 세분화 작업_20210528_Day5
·
Projects/JPortfolio_2021
금일 진행 사항 - 컴포넌트 세분화 작업 진행 컴포넌트 리액트 JSX 및 HTML element 로 초안 작성 완료 예시) 자세한 작업내용은 아래 링크에서 확인 가능 https://www.figma.com/file/LUfL42xIwdg8LKHaeiIXUo/Portfolio-Project?node-id=0%3A1 Figma Created with Figma www.figma.com 작업 예정 실제 코드로 작성 / React + Styled Component