금일 진행 사항 - About Section2 Education 구현 완료

금일 진행 사항 - 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..

금일 진행 사항 - Navigation Bar 구현 완료 - Home Section 구현 완료 - About Section 구현 중 Navigation Bar & Home Section About Section 페어리뷰의 Carousel 구현 예정. 관련 데이터를 임의의 js 파일에 넣어둘지 아니면 firebase firestore 를 사용할지 생각중. 오늘의 생각 전체적인 사이즈 조정이 필요하다. 각 섹션이 한눈에 들어오도록 UI 를 구성할 필요가 있어 보인다.

1. 본인 마케팅 잘하기 본인이 취업 시장에서 매력있는 지원자라는 걸 보여주는 것이 중요한 것 같습니다. 본인의 컨셉/장점 과 비슷한 개념인데, 예를 들어 저의 경우에는 프로젝트를 컨셉으로 잡았습니다. 코드스테이츠 수료 후 기술면접/코딩테스트 보다는 먼저 작은 개인 프로젝트(클론 프로젝트도 포함)들을 제 포트폴리오에 추가하여 '팀프로젝트, 개인프로젝트' 에 경험이 있고 실제 프로젝트를 통해 개발 실력을 키우고 있다는 점을 어필했습니다. 그리고 코드스테이츠에서 구현했던 스프린트도 개인 프로젝트에 추가하여 어떤 개념을 배우고 구현해봤는지도 보여주었습니다. 깃헙에 프로젝트들의 링크를 달아 회사의 인사담당자가 쉽게 확인할 수 있도록 했습니다. 만약 배포가 안된 프로젝트는 블로그에 구현과정 등을 기록하는 것도..

금일 진행 사항 - 컴포넌트 세분화 작업 진행 컴포넌트 리액트 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

금일 진행 사항 - 컴포넌트 세분화 작업 진행 - 모달 UI 추가(리뷰 / 프로젝트 디테일 설명) - 깃헙 readme.md 업데이트(UI 추가) 컴포넌트 세분화 작업 실제 코드를 작성하기 전에 페이지 및 컴포넌트 세분화 작업을 진행 중인데, 이는 각 페이지에 어떤 컴포넌트가 포함되어 있는지, 그리고 어떤 엘리먼트가 쓰여야 하는지 등을 미리 파악하여 실제 코드 작성의 효율을 높이기 위함이다. 해당 프로젝트의 규모가 크지 않으므로 Atomic Design 을 적용하지 않고 진행할 예정이다. 다만, Styled Component Theme 개념을 적용하여 스타일(색상 & 텍스트 스타일 등)을 재사용할 계획이다. 모달 UI Pair Review Detail Project & Studies Detail