portfolio..
view thank you &developer github view
Passion
Creative
Shining
어바웃사진

개발 언어와 글씨로 무언가를 창조를 하는 것에 흥미를 느끼고, 시작하게 되었습니다. 해당 포트폴리오는 제가 개발자가 되기 위한 첫 걸음을 나아가는 포트폴리오이며, 저의 배움의 집합체입니다. 미약하지만, 제가 점점 인생에 새기는 발자국을 재밌게 봐주셨으면 감사합니다.

first.portfolio
web Site
&
01
웹표준사진
web standard
코딩에 대한 첫걸음을 딛은 웹표준 사이트입니다. 차별없이 모든 사용자들이 불편함없이 접근할 수 있도록 웹접근성을 기준으로 하여금 제작을 하였습니다. 슬라이드 구현에는 스와이프를 사용하였으며, 기본적인 구조를 활용하여 제작을 했습니다.
view site
view code
02
responsive
웹 스탠다드 사이트를 기준으로 하여금 제작한 반응형 사이트입니다. 모든 사용자들이 차별없이 이용할 수 있도록 웹접근성을 고려하여 제작하였으며, 미디어쿼리를 이용하여 어떤 기기든 유연하게 대처할 수 있도록 진행했습니다.
반응형사진
javascript
basic&effect
second.portfolio
&ef
game&mouse
Various games and mouse effects were created using JavaScript, an object-based script programming language. This course was made using what I had learned.
게임메인사진
&game
play game
&music
자바스크립트를 사용하여 뮤직 플레이어를 제작하였습니다. 함수와 각 개체를 지정하여 플레이어 내 각 기능을 구현하였습니다.
뮤직아이콘
&search
자바스크립트를 사용하여 뮤직 플레이어를 제작하였습니다. 함수와 각 개체를 지정하여 플레이어 내 각 기능을 구현하였습니다.
뮤직아이콘
&card
자바스크립트를 사용하여 뮤직 플레이어를 제작하였습니다. 함수와 각 개체를 지정하여 플레이어 내 각 기능을 구현하였습니다.
뮤직아이콘
&tetris
자바스크립트를 사용하여 뮤직 플레이어를 제작하였습니다. 함수와 각 개체를 지정하여 플레이어 내 각 기능을 구현하였습니다.
뮤직아이콘
&mouse
자바스크립트를 이용하여 기초적인 마우스의 이펙트를 구현화 시켰습니다. 해당 과정에서는 자바스크립트에 대한 배움을 토대로 제작하였으며, 각 종 기본적인 구조와 메서드들을 활용하였습니다.
마우스배경사진
마우스원사진
search&slider
Each search function and slide function were implemented and the effects were based on the basic structure. In this process, I implemented each function based on knowledge in JavaScript that I learned.
search
@made in Dabin
design by korea kdb6
서치사진
Javascript of effect by search
October 2022
slider
@made in Dabin
design by korea kdb6
서치사진
Javascript of effect by slider
October 2022
quiz&parallax
We created different types of quizzes based on different methods and JavaScript foundations, and we also created a parallelx effect that breathes into websites that can be monotonous.
Front.end
I think the front end is the beginning of the developer. Although it is weak, I would like to show you the portfolio of websites that I have collected and organized various data by applying API to the react and vue I have learned, and I would like to announce the beginning of my development.
react site
리액트사이트사진1
리액트사이트사진2
Foundation
react&vue collection
1
REACT API
리액트에 대한 기본적인 구조를 이해하고, 과정에 대한 흐름을 파악하여 다양한 API에 데이터를 불러와 웹사이트를 제작을 하였습니다. 과정 내에서 컴포넌트로 나눈 구조와 javascript를 사용하였습니다.
리액트에이피아이사진
리액트에이피아이사진
2
REACT YOUTUBE
리액트에 대한 기본적인 구조를 이해하고, 과정에 대한 흐름을 파악하여 YOUTUBE API에 데이터를 불러와 비슷한 구조에 웹사이트를 제작을 하였습니다. 과정 내에서 컴포넌트로 나눈 구조와 javascript를 사용하였습니다.
front-end vue
&vue site
뷰를 사용하여 기초적인 웹사이트를 제작하였습니다. 해당 과정에서는 모든 사용자가 불편함을 느껴지지 않도록 웹접근성을 기준으로 하여금 제작하였습니다.
뷰사이트사진
뷰에이피아이사진
front-end vue
&vue api
뷰를 사용하여 기초적인 웹사이트를 제작하였습니다. 해당 과정에서는 모든 사용자가 불편함을 느껴지지 않도록 웹접근성을 기준으로 하여금 제작하였습니다.
Hypertext
Preprocessor
&pr
php study
created a php site with a basic structure.
made
October. 2022
programming
php
function
login. join. board etc.
피에이치피스터디사진
PHP STUDY
PHP에 대한 지식을 토대로 서버에서 각 스크립트와 화면을 구현하였으며, MYSQL연동과 데이터베이스를 이용하여 각 회원 관리와 게시물 저장 등등 여러가지 기능들을 구현하였습니다.
php project
made a website using php as a team project.
PHP PROJECT
PHP에 대한 지식을 토대로 서버에서 각 스크립트와 화면을 구현하였으며, MYSQL연동과 데이터베이스를 이용하여 각 회원 관리와 게시물 저장 등등 여러가지 기능들을 구현하였습니다.
made
November. 2022
topic
Animal hospital
function
login. join. board. view etc.
피에이치피프로젝트사진