안녕하세요. 저의 포트폴리오에 오신 것을 환영합니다.
프론트엔드 개발자를 꿈꾸며 준비한 작업들과 제 노력의 결과물을 보실 수 있습니다.
편안하게 보시며 즐겨주세요. 감사합니다 :)
하고자 하는 일에 있어서는 끊임없이 도전하고 직접 부딪혀보며 경험으로 성장하는 주혜지입니다. 제 손끝에서 하나 하나 채워지는 웹사이트가 너무나 새롭고 흥미로워 웹을 배워보자는 마음으로 더조은 컴퓨터 아카데미에서 웹디자인(웹퍼블리셔)실무자양성과정을 수료하며 웹에 대한 지식을 채워나갔습니다. 이 후 코딩을 더 자세히 배우고 싶어 웹스토리보이 스터디 19기를 진행하며 javascript, jquery, php, React 등 공부하여 기량을 향상시켰습니다. 아직 많이 부족하지만 빠르게 변화하는 시대에 맞춰 저또한 계속되는 공부와 자기계발을 통해 도태되는 것이 아니라 더 멋진 내일이 올 수 있도록 발전해 나가고 남들보다 한 발 앞서 나가기 위해, 더 없이 성장하기 위해 끊임없이 노력하는 프론트엔드 개발자가 되겠습니다. 감사합니다.
0
HTML0
CSS0
JAVASCRIPT0
PHP0
REACT & VUE저는 사용성 있는
웹 페이지를 만들기 위해 노력하고 있습니다.
더 나은 결과물이 나올 수 있도록 끊임없이 고민하고
어려운일이 있어도 책임감을 가지고
끝까지 헤쳐나가겠습니다.
앞으로도 계속되는 도전속에서 오는 수많은 위기와 어려움을
포기하지 않고 최선을 다해 발전하는
프론트엔드 개발자가 되겠습니다.
웹표준을 준수하여 만든 가장 기본형태의 웹사이트입니다.
HTML5 시멘틱태그를 이용한 반응형 웹사이트입니다.
기업사이트 메가박스를 벤치마킹하여 제작한 반응형 웹사이트입니다.
기획,디자인,퍼블리싱까지 100% 개인작업으로 이루어진 웹사이트입니다.
그누보드를 이용하여 사이트 전체구동이 가능하게 제작한 웹사이트입니다.
순수 100% Vanilla Javascript로 해당되는 키보드는 입력하면 드럼소리가 재생되는 건텐츠입니다.
javascript를 이용해 버튼을 누르면 음악이 재생되는 뮤직 플레이어 컨텐츠입니다.
Javascript를 이용해 같은 그림의 카드를 맞추는 게임 컨텐츠입니다.
Javascript를 이용해 계산기를 제작하였습니다.
transform initial-scale을 이용해 리듬에 맞게 그림자처럼 점점 처지는 원을 나타내었습니다,
Transform translateY 값을 이용해 위 아래로 덤트하는 움직임을 나타내었습니다.
Hi!There!
원을 만들어 Trasnform rotate값을 이용해 3개의 원이 각각 겹치지 않게 움직이도록 나타내었습니다
9개의 Box 형태를 만들어 transform scale을 통해 시간차 별로 커지고 작아지는 움직임을 나타내었습니다.
