<<kyo
nam>>
<code=
portfolio>

<code=
  about>

leading technology,
dedicated
professionals,
and proven
expertise for
driving resu
lts scale yo,
ur model
안교남
어떤 일이라도 노력하고 즐기면 그 결과는 빛을 바란다고 생각합니다. 신입의 열정과 도전정신을 깊숙히 새기며 배움에 있어 겸손함을 유지하며 세부적인 곳까지 파고드는 개발자가 되겠습니다.

<code=portfolio><code=portfolio><code=portfolio><code=portfolio>

<code=portfolio><code=portfolio><code=portfolio><code=portfolio>

<code=
  site>

this is coding

popol who worked

hard for 6 months.

공부한거 정리했습니다잉.

webstandard

“스마트웹&앱 개발자양성 과정”을 수료하면서 배운것들을 정리한 사이트입니다. 부트스트랩 라이브러리를 활용하여 페이지를 디자인하였습니다. HTML, CSS, JAVASCRIPT, MySQL, 패럴렉스, 마우스 효과, 슬라이드 효과, 퀴즈 게임 등의 탭 버튼을 클릭하면 해당하는 사이트 목록이 나타납니다. 배운 것들을 정리한 사이트에 방문해 보세요.

<code=
  site>

<<kyo
nam>>
<code=
 script>

java
script

자바스크립트 기본 문법을 정리한 사이트 입니다.
스마트웹&앱 개발자양성 과정을 수료하면서 배웠던 것들을 전부 정리 하였습니다.
재가 자바스크립트 기본 문법을 정리한 사이트에 방문해 보세요.

view

mouse
effect

마우스를 움직일때마다 마우스의 모양이 변하게 하여 마우스를 따라 다니게 만들었습니다.
자바스크립트 기본 문법을 배우고 활용해서 만든어본 마우스 효과입니다.
재가 만든 마우스 효과 사이트에 방문해보세요.

view

parallax
effect

스크롤 할때마다 페이지에 애니메이션이 나타나는 효과를 만들었습니다.
자바스크립트 기본 문법과 GSAP을 활용해서 만들어본 사이트입니다.
재가 만든 패럴렉스 사이트에 방문해보세요.

view

slider
effect

사이트를 만들떄 배너에 들어가는 슬라이드 API와 하드코딩을 이용해서 만들었습니다.
자바스크립트 기본 문법과 swiper API를 활용해서 만들어본 사이트 입니다.
재가 만든 슬라이드 사이트에 방문해보세요.

view

game
effect

자바스크립트를 활용해서 만든 게임 2가지 입니다.
1.테트리스 게임
2.퀴즈 게임
총 2가지가 있습니다.
GAME EFFECT를 정리한 사이트에 방문해서 다양한 게임들을 한번 즐겨보세요.

테트리스 퀴즈

<code=
  site>

<<kyo
nam>>
<code=
 php>

php
blog

3개월 동안 배운 것들을 활용해서 만든 php블로그 입니다.
PHP, mysql, javascript,html,css를 활용해서 만든 사이트 입니다.
재가 PHP블로그 사이트에 방문해보세요.

view

php
team project

배운 것들을 활용해서 4명이 모여 같이 만든 사이트입니다.
PHP, mysql, javascript,html,css를 활용해서 "헬스 사이트"를 만들어봤습니다.
팀원들과 만들어본 헬스 사이트에 방문해보세요.

view

<code=
  site>

<<kyo
nam>>
<code=
 react>

react
script

리액트 기초 문법을 배우고 만든 1번째 리액트 웹 사이트입니다.
HTML, CSS로 웹사이트를 만들고 리액트 문법으로 변경했습니다.
재가 만든 리액트 사이트에 방문해보세요.

view

react
api site

리액트 기초 문법을 배우고 만든 2번째 리액트 웹 사이트입니다.
유튜브 API와 THE MOVIE DB API를 사용해서 만든 사이트 입니다.
재가 만든 리액트 API 사이트에 방문해보세요.

view

<code=
  site>

<<kyo
nam>>
<code=
contact>

<me=
  contact>

this site is currently in operation.
  • github

    소개 사이트, react, vue, next.js를 github에 올려 놓았습니다. 소스 코드가 궁금하시다면 방문 해보세요.

  • tistory

    교육을 이수하면서 블로그에 배운 것들을 정리를 하였습니다. 그리고 실력 향상을 위해 코딩테스트 0단계도 올렸습니다.

  • introduce site

    교육 과정을 이수하면서 배운것들을 정리한 사이트 입니다. 이 사이트에 기초부터 심화까지 전부다 정리되었습니다.