일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 패스트캠퍼스
- js
- 42서울후기
- javascript
- SASS
- fastcampus
- 프론트엔드
- 열심히하자준희야
- hooks
- yarn
- 훅
- 42서울
- 전달인자
- Argument
- 해군
- Til
- 정보보호병
- scss
- Node Sass version 5.0.0 is incompatible with ^4.0.0.
- 42서울 온라인 테스트
- 매개변수
- ReactHooks
- 리액트
- Stack Data Structure
- Front-end
- Firebase
- 벨로퍼트
- React
- NPM
- css
- Today
- Total
목록css (2)
천 줄 코딩도 한 삽질 부터
오랜만에 하는 포스팅이다. 리액트계의 수학의정석 같은 벨로퍼트님의 '리액트를 다루는 기술' 책을 스르륵 1 회독하고, 이전에 패스트캠퍼스 강의를 수강하며 나온 사진 공유 홈페이지를 리액트를 기반으로 다시 만들겠다는 계획을 세웠다. 나름 기능, 일정, 사용 기술, 대략적인 기능 디자인까지 정리하여 컨펌까지 받았으나 (레파지토리 README 파일에 정리해두었다) github.com/junheeyeap/photo-web-with-react junheeyeap/photo-web-with-react Contribute to junheeyeap/photo-web-with-react development by creating an account on GitHub. github.com OAuth와 DB 연동 CRUD ..
패캠 강의를 수강하면서 나온 결과물, 제 첫 웹사이트에 대해 포스팅합니다. 사실 만든지는 조금 됐는데, 더 늦어지기 전에 기록을 남겨두어야 할 것 같아서 이제 적게 되네요 헤헤.. (벌써 코드가 가물가물해질라 하는) html 요소를 기준으로 설명하면, header부분에는 사진들 보기, 사진 올리기, 내 정보 기능이 있습니다 사진들 보기는 현재 보고있는 페이지이며, 기본적으로 스토라지에 있는 모든 사진들을 표시합니다(aside에서의 default값은 전체 사진입니다) 각 사진마다 있는 하트 속의 숫자는 그 사진이 가진 좋아요를 나타낸다. 좋아요 순 보기를 클릭하면 숫자가 큰 순서대로 정렬됩니다. 인스타그램처럼 하트를 클릭하면 불이 들어오는 '좋아요' 기능입니다. 좋아요 한 사진을 클릭하면 하트가 올라와있는..