React
- React의 props, state 의 개념을 좀 더 확실히 이해 하게됨
- React-Router로 url 별로 다른 Component 마운트 하기
- React는 선언형 스타일 (결괏값에 조금 더 집중)
- React 가상 DOM, 실제 DOM, 이벤트 주기
- React Constructor function(생성자 함수)의 역할
JavaScript 문법
- function과 this
- bind method는 왜 써야하고 언제 써야하는지에 대해 배움
- arrow function의 this, lexical scope
CSS, SCSS
- css의 transition과 transform
- element 의 postion : absolute, relative 개념 이해함
- scss를 처음 써봤는데 아직 정확히 장점을 못 느끼겠다.
개발지식
- CORS
- git branch 관리
- svg 를 처음 다뤄보았음
Repository, URL
✔️ github : https://github.com/depromeet/music-playlist
✔️ url : http://festival-music.s3-website.ap-northeast-2.amazonaws.com/
2개의 댓글
imacoolgirlyo님이 작성한 다른 포스트
BYOM About 화면, 첫 화면 UI 및 Figma로 그렸다. 확실히 UI를 정해놓고 작업하니까 훨씬 편했고 Figma가 픽셀 간격, box-shadow까지 다 알려줘서 편한 것 같다. - /project 라우터를 삭제하고 /, /about만 남겨놓았다. 버튼 누르면 About을 보여주긴하는데 배경 색을 넣었더니 이동하는 과정에서 흰 화면이 튀어나와서...
Flux, Redux 개념을 살펴보았다. 아직은 무슨 말인지 모르겠다. - Velopert님의 유튜브 영상을 보다가 Figma라는 디자인 툴을 알게되어 BYOM UI를 만들었다. - 4월 회고를 하고 어떤 점이 부족했는지, 잘했는지, 고쳐야할 점은 무엇인지 파악했다. 3월 보다 공부량과 집중도가 많이 좋아졌지만 개발 속도가 너무 느린 것 같다. 처음해보는...
React - React의 props, state 의 개념을 좀 더 확실히 이해 하게됨 - React-Router로 url 별로 다른 Component 마운트 하기 - React는 선언형 스타일 (결괏값에 조금 더 집중) - React 가상 DOM, 실제 DOM, 이벤트 주기 - React Constructor function(생성자 함수)의 역할 ...
TIL 4/25 (목) - MPL 메인 화면 아래 로고 추가하기 - FestivalName 양 옆에 괄호 svg 추가하고 위치 수정하기 - Festival List의 순서에 따라 font-size 바뀌는 로직 추가하기 - transition 추가하기 Festivals.gif TIL 4/26 (금) - [Constructor Function, Fa...
구현한 것 - 리스트를 스크롤 하면 해당 리스트들이 휠 처럼 돌아감 - 스크롤 하는 범위 제한 - throttle 함수를 사용해서 스크롤 이벤트를 적당히 제한 - 해당 리스트들 화면 중앙에 위치 배운 것 1. throttle, debounce 함수 2. props, state 의 의미 - props : 부모 Component에서 전달 받는 값...
와~결과물이 궁금하네요! 공개는 안하시나요 :) 잘 읽었습니다