TODAY IS...
profile

11시네요 🕚


오늘도 힘찬 하루 되시길 바래요!

▶ EDIT

서형진

04.14

  • 🐯
  • 🆎
  • 👨‍💻
  • 🏃
badge
ⓦelcømё て♡ GЁЙIЭĿÅПÐ ~~♬

NO. 0서형진

profile

풀스택 프로젝트 1개, 프론트엔드 프로젝트 3개, 퍼블리싱 프로젝트 5개, 실무 1개


(일부 포트폴리오는 server sleep으로 인해 접속시간이 오래 걸릴수 있으니 양해바랍니다)


Cyland

NO. 1서형진

profile

【 Front-end Development 】

Cyland


Next.js, Typescript, Firebase


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

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


< 주요 학습 내용 >

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


< 작업 범위 >

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


Cyland

NO. 2서형진

profile

【 Full-stack Development 】

Pagination


Node.js, MongoDB, React


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


< 주요 학습 내용 >

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


< 작업 범위 >

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


Pagination

NO. 3서형진

profile

【 Front-end Development 】

Movie App


React


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


< 주요 학습 내용 >

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


< 작업 범위 >

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


Movie App

NO. 4서형진

profile

【 Front-end Development 】

To Do List App


React, Redux, Firebase


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


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

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

인증정보 Redux로 관리


< 주요 학습 내용 >

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


< 작업 범위 >

: 메인 컴포넌트


To Do List App

NO. 5서형진

profile

【 Web Publishing 】

Genesis


HTML, CSS, JavaScript


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

멀티플 캐러셀 구현에 초점


< 주요 학습 내용 >

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


< 작업 범위 >

: 메인페이지 / 반응형


Genesis

NO. 6서형진

profile

【 Front-end Development 】

청기백기 게임


HTML, CSS, JavaScript


청기백기 게임

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

백그라운드 로직 설계 연습


< 주요 학습 내용 >

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


< 작업 범위 >

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


청기백기 게임

NO. 7서형진

profile

【 Web Publishing 】

Huge Inc.


HTML, CSS, JavaScript


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

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

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


< 주요 학습 내용 >

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


< 작업 범위 >

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


Huge Inc.

NO. 8서형진

profile

【 Web Publishing 】

Netflix


HTML, CSS, JavaScript


미디어쿼리 실습 프로젝트


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

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


< 주요 학습 내용 >

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


< 작업 범위 >

: 메인페이지 / 반응형


Netflix

NO. 9서형진

profile

【 Web Publishing 】

NAVER Corporation


HTML, CSS, JavaScript


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

싱글 캐러셀 구현에 초점


< 주요 학습 내용 >

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


< 작업 범위 >

: 메인페이지 / 반응형


NAVER Corporation

NO. 10서형진

profile

【 Business 】

봄아카데미


HTML, CSS, JavaScript, jQuery, PHP, MySQL


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


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

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

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

자동가입 방지 리캡챠 적용


< 주요 학습 내용 >

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


< 작업 범위 >

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


봄아카데미