일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- todolist
- function
- typescript
- 타입스크립트
- const
- var
- 모던 자바스크립트
- 뷰
- 객체
- 스코프
- ES6
- react
- CSS
- Number
- 투두리스트
- null
- 모던
- 자바스크립트
- 라우터
- VUE
- 데이터 타입
- BIND
- 함수
- js
- let
- Interface
- redux
- this
- 컴포넌트
- Today
- Total
목록포트폴리오 (3)
홍준혁
hong-junhyeok.github.io/portfolio React App hong-junhyeok.github.io 드디어 포트폴리오 사이트를 배포를 한다. 근데...배포하는 과정에서 자꾸 404 오류가 뜨는것이다. 여차여차 오류를 해결했지만 home탭에서 새로고침을하면 404 뜬다. 원인은 2시간 구글링 해봤는데 해결을 못했다. 아무튼...찝찝하게 배포를 끝냈다. 한번씩 구경해주면 감사하겠습니당
생각보다 긴 코드를 요구하는거 같다... 완성된 홈과 프로젝트 탭을 보면 이렇게 구성되어있다. 여기서 프로젝트의 관리는 여기서 데이터를 추가하는 형식으로 작동한다. 추후에 프로젝트 데이터를 넣어본다면, 볼만한 그림이 나올것이다. 다음에는 완성된 모습으로 돌아오겠다~ . . . 요즘 블로그를 자주 못쓰는거 같은데 변명이라면 변명이지만, 새로운 기술을 배우고있기때문에 포스트를 할 시간이 없는거같다. 새로운 기술을 내 것으로 만든다면 그때 포스팅을 활발하게 하도록 하겠다.!! 그럼 뿅!
create-react-app --template typescript로 타입스크립트 리액트 프로젝트를 빌드해준 다음, 폴더들을 정리하고 color_scheme를 작성하였다. 현재 제일 중요한 디자인을 하지 않았기때문에 간단한 파일 구조를 형성하고 디자인을 할 예정이다. 지금 포트폴리오 만들기에서 가장 걱정되는건 애니메이션이다. 스크롤 될때 화면에 보여지는 순간에 어떤 애니메이션을 몇초동안 얼마나 보여줘야하는지... 버튼에 마우스가 호버되었을때 어떤 애니메이션을 보여줘야 할지... 고민이 너무많고 할수있을지 고민이다. 디자인 감각이 너무 없어서 외국의 포트폴리오 자료를 보면서 익혀가야겠다