【 Front-end Development 】

Cyland

Next.js, Typescript, Firebase

현재 사이트 (포트폴리오 소개)

검색엔진 등록 (구글, 네이버, 다음)

< 주요 학습 내용 >

: Sever Side Rendering, Styled Component, Firestore 데이터베이스, OOP

< 작업 범위 >

: 메인 컴포넌트 + 라우터 3

【 Full-stack Development 】

Pagination

Node.js, MongoDB, React

페이지네이션, 필터링, 소팅

< 주요 학습 내용 >

: 백엔드(REST API 설계, 인덱싱) 프런트엔드(React Context, 페이지네이션 로직)

< 작업 범위 >

: 메인 컴포넌트, 상세 컴포넌트 (토글)

【 Front-end Development 】

Movie App

React

영화&배우 프로필 소개 페이지

< 주요 학습 내용 >

: React Router, Ant Design, 데이터 페칭(Axios + useEffect), 배열 관리

< 작업 범위 >

: 메인 컴포넌트 + 영화 상세 라우터 + 배우 상세 라우터

【 Front-end Development 】

To Do List App

React, Redux, Firebase

실제 활용 가능한 투두 리스트 (개인인증, DB 저장)

파이어베이스(구글 인증, 실시간 DB) 활용한 리액트 프로젝트

기능 : 추가, 수정, 삭제, 순서변경

인증정보 Redux로 관리

< 주요 학습 내용 >

: React Hook, 상태관리 (Redux-Toolkit), Firestore 데이터베이스, 구글 Authentication

< 작업 범위 >

: 메인 컴포넌트

【 Web Publishing 】

Genesis

HTML, CSS, JavaScript

과정 수료 후 웹퍼블리싱 종합 프로젝트

멀티플 캐러셀 구현에 초점

< 주요 학습 내용 >

: CSS 선택자 심화, 스크롤 이벤트

< 작업 범위 >

: 메인페이지 / 반응형

【 Front-end Development 】

청기백기 게임

HTML, CSS, JavaScript

청기백기 게임

퍼블리싱 이외의 자바스크립트 활용 연습

백그라운드 로직 설계 연습

< 주요 학습 내용 >

: Math 오브젝트, Switch문, 파라미터

< 작업 범위 >

: 메인페이지, 백그라운드 로직, 반응형

【 Web Publishing 】

Huge Inc.

HTML, CSS, JavaScript

코딩 배운 후 첫번째 프로젝트

박스모델과 DOM 구조에 대한 학습

반응형과 자바스크립트 학습 후 디벨롭

< 주요 학습 내용 >

: 박스 모델, 미디어 태그, 클릭 이벤트, 조건문, Date 객체

< 작업 범위 >

: 메인페이지 + 서브페이지 4개 / 반응형

【 Web Publishing 】

Netflix

HTML, CSS, JavaScript

미디어쿼리 실습 프로젝트

* 넷플릭스 사이트와 똑같아 피싱 사이트로 감지되나, 이용에 문제가 없습니다.

'세부정보-안전하지 않은 사이트 방문'을 눌러주세요

< 주요 학습 내용 >

: 폼 태그, 반복문, CSS 반응형

< 작업 범위 >

: 메인페이지 / 반응형

【 Web Publishing 】

NAVER Corporation

HTML, CSS, JavaScript

자바스크립트 실습 프로젝트

싱글 캐러셀 구현에 초점

< 주요 학습 내용 >

: CSS 가상요소, 타이밍 이벤트, 이벤트 리스너

< 작업 범위 >

: 메인페이지 / 반응형

【 Business 】

봄아카데미

HTML, CSS, JavaScript, jQuery, PHP, MySQL

실무 : 봄아카데미 홈페이지 개발 및 운영

카페24 배포, HTTPS 인증서 적용

디자이너와 협업 (Adobe XD 활용)

검색엔진 등록 (구글, 네이버, 다음)

자동가입 방지 리캡챠 적용

< 주요 학습 내용 >

: Create Element & Append Child, 모달 박스, This 키워드, Ajax, SQL CRUD, 세션 로그인, bycrypt, Mail 함수, 데이터베이스 설계

< 작업 범위 >

: 메인페이지 6 + 서브페이지 9 + 관리자 페이지 + 백엔드 / 반응형