# portfolio
팀 프로젝트 회고
프로젝트 소개나만의 작은 음악 다이어리는 사용자가 공유하고 싶은 음악의 유튜브 url과 다이어리를 함께 작성하여 본인의 플레이 리스트를 다이어리와 함께 공유할 수 있는 서비스 입니다.프로젝트를 통한 경험1\. TypeScript 팀원 분들과 이야기를 나눈 결과 그 동안
React YouTube Clone 정리
구현한 기능유튜브 api 불러오기핵심 Skillreact router를 이용하여 CSR(Client Side Routing)을 구현 하였다. CSR이란 라우팅이 될 때 페이지가 새로고침 되면서 전체 페이지가 로딩 되는 것이 아니라 필요한 부분만 부분적으로 업데이트 되
React To Do App 정리
구현한 기능1.전체 To do 리스트 보여주기2.To do 추가3.To do 삭제4.To do 체크박스5.To do 리스트 필터링6.다크모드 7.로컬스토리지에 저장컴포넌트 구조중요 Skill여러 컴포넌트에서 공통적으로 필요한 state가 있을때 이걸 전역적으로 선언을
[PORTFOLIO] Clone_ForTheKing
이 프로젝트는 스마일 게이트 홀딩즈에서 주최한 Winter Dev Camp에 참여하면서 개발한 게임입니다. 게임 개발시 서버 프로그래머로 참여하려고 준비했으나, 포톤 클라우드 사용으로 클라이언트 개발자로 참여했습니다.안녕하세요!이번 프로젝트는 겨울 학기 중에 참여한 W
🙂LOTTO 번호 추첨기
js미니게임 프로젝트로 자바스크립트를 활용한 로또 번호 추첨기를 만들어 보려고 한다.로또 번호 추첨기의 중요한 기능 방식은1 ~ 45의 범위의 정수로 이루어져 있는 숫자를 랜덤하게 6개를 뽑아 오름차순으로 정렬해 주는것이다.그러기 위해서 알아야할 몇가지 키워드를 정리하
[PORTFOLIO] 으쌰 으쌰
이 프로젝트는 19학년도에 대학교 공학작품전시회에 출품하기 위해서 만들어진 게임 개발 프로젝트입니다. 물과 불 포레스트 게임에 영감을 받아 개발 했으며, 짝과 경쟁형 게임이 아닌 협동형 게임 개발을 목표로 했습니다.안녕하세요!19년도 개발 프로젝트인 "으쌰으쌰"에 대해
[Portfolio] LOCUS-X
프로젝트명: LOCUS-X 클론코딩제작기간: 2일사용언어: HTML, CSS, SCSS, JS사용 라이브러리: GSAP, JQUERY분류: 적응헝 PCSCSS 사용1-0. 폴더 구조1-1. 사용 이유GSAP 사용2-1 텍스트 모션2-2 마우스 이벤트2-3 횡스크롤CSS
4/14 TIL 포트폴리오 3일차
프레임워크 설치 명령어이다. 처음엔 Next.js 공식문서에 있는 명령어로 설치를 했다가 이전 버전의 Next.js가 설치되어 당황했다. 이번에 새로나온 13 베타버전을 적용하기 위하여 공식 깃허브에서 찾아냈다. 이번 처음 Next.js를 쓰긴 하지만 이전 버전과 정적
4/12 포트폴리오 1일차
작성하는데 얼마나 많은 시간을 투자한지 모른다. 기초적인 webpack 설정하는 법조차 모르는 나녀석...CRA를 사용하지 않고 도화지부터 하자니 시작부터 막막했다...이번 포트폴리오 프로젝트에선 정적 파일의 이미지들이 많이 쓰일 거 같아 CopyPlugin을 사용하여
DESIGN SAMSUNG
\`공통 레이아웃 scss 처리.position: sticky; 활용한 스크롤 픽스 레이아웃.@keyframes animation을 활용한 클릭&스크롤 이벤트.반응형 (in case of mobile) 4-1) 메뉴 클릭 이벤트. 4-2) swiper 적용.전체 레이아
29CM
BRAND : 29CM #29CM #적응형 #7일 #scss #jquery #javascript #gsap #리뉴얼 📌 PROJECT KET POINTS gsap 라이브러리 활용. 1-1) 공통 레이아웃 : 반복문 적용. 1-2) clip-path 를
NAVER 클론코딩
\`시멘틱 태그 활용웹접근성 준수이미지 스프라이트(image sprite)를 이용한 아이콘 사용✔️ 시맨틱 태그란?? 시멘틱 태그는 "의미가 있는 태그"라는 뜻이다. 즉, HTML tag들 중에서도 나름의 의미가 있는 태그들을 말한다. ✏️ PREVIEW 요약
The Glory
사이트명 : 더 글로리작업기간 : 4일라이브러리 : jQuery, gsap유형 : 반응형, 리뉴얼GSAPscss사운드 재생/정지GSAP scrollTrigger 애니메이션The GreenSock Animation Platform (줄여서 GSAP)는 웹 화면에 쉽게 사
SPOTIFY
🔍 Project Overview 사이트명 : 스포티파이 모바일 작업기간 : 3일 라이브러리 : swiper, jQuery 유형 : 모바일, 데이터 바인딩, 리뉴얼 ✅ Check Point 데이터 바인딩(Data Binding)이란? 비동기 데이터 통신(Asynch
네이버 커리어 클론코딩
🔍 Project Overview 사이트명 : 네이버 커리어 작업기간 : 3일 라이브러리 : swiper, jQuery 유형 : 반응형,클론코딩 ✅ Check Point 미디어쿼리(Media Query) 📚 Learning Point hover 드롭다운 헤더 메