# 포트폴리오
👩💻 나의 포트폴리오 프로젝트
Overview >✨ 아래 링크에서 프로젝트 데모 확인이 가능합니다. 링크텍스트 awwwards 사이트를 보다보면, 인터랙티브하고 창의적인 웹 디자인들이 많다. 혹시 awwwards라는 사이트를 모른다면, 한번 참고해 보세요! awwwards 포트폴리오 레이아웃을
스크롤 이미지 이벤트
리액트를 이용하여 포트폴리오를 만들는 중이었다. 뭔가 내 이야기를 그림으로 표현하고 싶었는데 BBC에서 코로나가 바꿀 미래라는 기사를 보고 아이디어를 얻었다.현재 파일은 움직이는 글자만 나눈 컴포넌트 파일이다. 스크롤이 잘 작동하는지 먼저 테스트 하기위하여 consol
React Task (1) -MineSweeper (지뢰찾기)
이 주제와 관련된 첫 포스팅이니 간단한 개론을 작성해본다.2020년은 나에게 공부의 해였다. 정말 많은 걸 공부했고, 열심히 코드를 작성해봤다.그렇지만 결국 누구에게 보여줄 수 있는 포트폴리오는 하나도 없는 것 아닌가??그래서 2021년에는 착실히 포트폴리오를 하나씩
포트폴리오 웹사이트 제작기 #2. 페이지 기획
인하우스에 있을 당시 페이지 제작은 아래와 같은 플로우로 진행됐다. 1) 페이지 기획 2) 디자인 작업 3) 퍼블리싱 4) 개발 이 순서대로 페이지 기획을 하려는데, 파워포인트보다 더 좋은 툴은 없을까 고민이 됐다. 다행히 찾아보니 카카오 오븐(https://
포트폴리오 웹사이트 제작기 #1. 계기
이곳 저곳 지원하다보니, 포트폴리오 웹사이트를 구축해두면 좋겠다는 생각이 들었다. 옛날부터 생각은 했었고 기왕 하는 거 제대로 하고 싶은 마음이었지만, 제대로 할 줄 몰라 생각만 한참 했었다.하지만 재택 근무가 장기화될 것으로 보이고, 이직도 내 맘대로 되지 않아 시간
.jpg?w=120)
포트폴리오_Web ver.
내 개인 포트폴리오를 반응형 웹 사이트를 연습할 겸 해서 만들었다.GitHub Pages를 사용하여 링크를 연결하였고 향후엔 리액트로 변경해볼 예정이다.포트폴리오 :: https://jaepani.github.io/portfolio/
[HTML, CSS, Javascript]개인 포트폴리오 사이트 만들기 1 - UI 디자인
개발자로 취업하기 위해선 깃허브와 기술블로그 정도만 있어도 된다고는 하지만 욕심이 나서 개인 포폴 사이트를 반응형으로 만들어 보려고 한다.
React Port
Basic HA가 끝나고 월-화 이틀동안 포트폴리오를 제작하는 스프린트를 진행했다.React를 통해 클라이언트를 구성하고, Express를 통해 서버를 구축했다. 마지막엔 build를 통해 배포 직전단계까지 배운것을 모조리 사용해보는 꽤나 의미있는 스프린트였다.이번 스
[Unity] PuzzleRPG :: 8~14일차
Enemy 쉐이더 속성 Emission 값 조절효과씬 전환 Fade In Out 효과 적용퍼즐 매치시 속성에 맞는 플레이어 게이지 충전퍼즐 매치시 속성에 맞는 이펙트 생성UI 재배치 완료각 스테이지 Enemy 애니메이터 완료사운드 처리 완료Mathf.PingPong다음
[Unity] PuzzleRPG :: 6~7일차
에너미 전체공격 이펙트 완료플레이어 게이지 초기화 완료이펙트 앞으로 보내기 완료UI수정 90% 완료 (앞으로 더 추가할거없으면 100%)게이지 풀로 찼을때 자연스럽게 이미지 변경해줌퍼즐 이동시켜서 터트리기 완료앞으로 카메라 수정좀하구 퍼즐 스타트할때 고쳐주고 게이지차는
[Unity] PuzzleRPG :: 4~5일차
에너미 전체공격 완료 (이펙트만 구하면될듯)플레이어 Die상태까지 완료스크립트로 버튼 활성화 비활성화 제어 완료ex) 버튼 OnClick 이벤트 활성화 비활성화 할수있음 (0은 인덱스 리스너 순서인거같음 맨위에꺼, 맨뒤에껄로 Off or On 시킬수 있음)playerB
[Unity] PuzzleRPG :: 3일차
1\. 하이라키에서 Canvas UI구조를 수정했다 (아직 좀더 고쳐야할듯..) 어렵다 UI2\. 플레이어 각각 스킬은 만들었는데, 이펙트는 변경좀 해야할듯3\. enemy 애니메이터 만드는중. 여기서 애좀 먹었음;; 내일도 만만치 않을거라 예상4\. enemy가 플레
[Unity] PuzzleRPG :: 2일차
로딩씬 바꾸고 메인스테이지 씬 추가 및 씬이동까진 완료상단에 좌우 옵션들도 완성플레이어 보스 HPBar 추가몬스터 작업할때 색이 안입혀져 보였는데.. Light가 지워져있었음... 조심씬 작업하다 Ctrl+S를 안해서 다날리고 다시 진행함 (Ctrl+S 습관화 하자..
[Unity] PuzzleRPG :: 1일차
1\. 구조를 아직 잡지 않아서 간단하게 로딩 시작비동기 형식으로 진행.플레이어들 UI 구조만 잡아주었다.만약 UI가 Canvas안에 있을때는 Transform으로 적용되고, UI가 Canvas밖에 있을때는 RectTransform으로 적용된다.Puzzle같은 경우에는
Interactive한 포트폴리오를 위한 - 마우스커서 애니메이션 만들기(쉬움) HTML,CSS,JS
제 개인 포트폴리오 웹사이트(만들다가 잠정 중단된,, 😅)에 사용된 애니메이션 효과중에서 주위에서 반응이 좋았던 마우스커서 애니메이션을 소개해드리고자 합니다! 코드도 짧고 난이도도 쉬운 편이니 한번 도전해보세요!
