안녕하세요! 프론트엔드 개발자를 꿈꾸고 있는 송준섭 이라고
합니다. 저는 항상 현장직으로 일을 하다가 어느덧 서른살이
되었습니다. 어느날 일을 하다가 생에 처음으로 공부를 해보고
싶다는 생각이 들었습니다. 배움에는 나이가 없다지만 더 늦으면
힘들다는 것을 느꼈기 때문에 바로 실천에 옮겼습니다.
처음으로 무언가를 배우는 것에 대하여 흥미를 느꼈고 조금 더
빨리 배웠었더라면...하는 생각도 들었습니다. 처음으로 생긴 꿈.
그 꿈을 이루기 위해 열심히 그리고 성실한 개발자가 되도록
노력하겠습니다!
#열정적인 #지속 가능성 #노력 #코딩
#노가다 코딩
#도전 #서른살 #개발자 도전 #잘 노는
#공부하는
PORTFOLIO WORKS PORTFOLIO WORKS
웹표준과 웹 접근성을 준수하여 작업한 웹표준 사이트입니다. IR 효과 대체 텍스트 등을 넣어 모든 사용자가 불편함 없이 사이트를 이용할 수 있도록 제작하였습니다. SLICK슬라이드와 LIGHT BOX 플러그인을 이용하여 동적인 효과를 주었습니다. #HTML5 #CSS3 #JAVASCRIPT
PHP를 사용해 웹 페이지를 제작하였습니다. 댓글 기능, 게시판, 로그인, 회원가입 기능을 넣었습니다. MyAdmin에 접속한 후 MySQL을 이용해 데이터베이스에 접속하여 데이터들을 수정, 삭제, 복사 등을 할 수 있습니다. #HTML5 #CSS3 #JQUERY #PHP #JAVASCRIPT
PHP를 사용해 팀 프로젝트 웹 페이지를 제작하였습니다. 협업의 경험으로 인하여 팀원들과의 커뮤니케이션 능력이 향상되었습니다. #HTML5 #CSS3 #JAVASCRIPT
Node.js를 통해 CMD에서 터미널을 설정하고 NPM으로 JS라이브러리를 설치한 후, 컴퍼넌트를 생성하여 싱글페이지를 출력시켜 만든 React를 사이트입니다. API를 이용한 유튜브 페이지에서 동영상 목록과 검색이 가능하며 영화페이지에선 영화 목록과 검색이 가능합니다. REACT HOOK이란? NODE.JS #REACT #SCSS #YARN
JAVASCRIPT
CSS ANIMATION
JAVASCRIPT WORKS JAVASCRIPT WORKS
마우스 좌표값에 따라서 이미지가 움직이는 듯한 효과와 이미지에 조명이 밝혀지는 효과, 또는 이미지가 3D로 움직이는 효과를 주었습니다. 그리고 특정 텍스트에 마우스를 오버했을 때 이미지가 나타나는 효과와 글씨가 불빛이 들어오는 효과, 마우스를 따라다니는 도형이 바뀌는 효과를 주었습니다. #javascript #effect #MOUSE
Code View
패럴럭스 이펙트입니다. 스크롤 값에 따라서 섹션 이동을 하거나 메뉴 이동, 사이드 메뉴로 이동, 숨김메뉴, 컨텐츠 나타나기, 이질감 효과, 텍스트 효과, 리빌 효과, 가로,세로 모드 효과를 만들었습니다. #javascript #effect #parallax
Code View
이미지 슬라이드 효과 입니다. 페이드 효과와 좌,우로 슬라이드 효과, 상,하로 슬라이드 효과, 연속적 슬라이드 효과 그리고 여러가지 버튼을 만들어서 Dot메뉴, 이전 버튼, 다음 버튼, 정지 버튼, 플레이 버튼을 구현하였습니다. #javascript #effect #slider
Code View
퀴즈 이펙트입니다. 객관식 또는 주관식 문제가 있고 퀴즈를 맞추면 강아지가 웃고, 틀리면 강아지가 우는 효과를 만들었습니다. #javascript #effect #quiz
Code View
Javascript를 이용하여 만든 뮤직플레이어 입니다. 재생버튼, 정지버튼, 랜덤재생, 다음 버튼, 이전 버튼, 플레이리스트, 프로그레스 바를 구현하였습니다. #javascript #game #music player
Code View
Javascript를 이용하여 만든 타자 게임입니다. 60초동안 타자를 쳐서 맞은 글자수, 평균 단어수, 오타를 나타냅니다. 그리고 다음 타이핑할 차례의 글자의 아래에 밑줄이 나오게 됩니다. #javascript #game #typing game
Code View
Javascript를 이용하여 만든 카드 맞추기 게임 입니다. 클릭했을 때 같은 그림이 나오면 카드가 정지해 있고 다른 그림을 클릭하면 카드가 다시 뒤집어 집니다. #javascript #game #Memory Game
Code View
Javascript를 이용하여 만든 테트리스 게임입니다. 방향키로 조작을 하고, 블럭 모양 변경이 가능합니다. 스페이스바를 누르면 블럭이 빨리 내려갑니다. 블럭라인을 없애면 스코어가 증가하고 60초 마다 속도가 증가합니다. #javascript #game #Tetris Game
Code View010-8864-8044 010-8864-8044 010-8864-8044
ParallaxEffect
MouseEffect
SearchEffect
QuizEffect