220406

🧛‍♂️KEEP

• 대시보드 Home 만들기
  • 미디어 쿼리를 특정 지점에만 적용하려면 @media screen and (min-width: 576px) and (max-width: 1200px) 이렇게 min과 max 함께 지정하기
  • 부트스트랩을 기반으로 하기는 하지만, 결국에는 내가 원하는 커스텀하느라 CSS를 많이 적용하게 된다. 특히 한 가지 속성을 여러 부분에 일괄 적용할 때는 일일이 부트스트랩 class를 부여하는 것보다 CSS에 묶어서 적용하는 게 훨씬 낫다.
• Obsidian 다운로드
  • TIL이나 포트폴리오 개발일지는 벨로그에, 여태 배운 지식 DB는 노션에 정리하는 중이지만, 노션이 너무 느려서 항상 불만이 많았다. 그러다 오늘 트위터에서 옵시디언이라는 프로그램을 알게 돼서 한 번 깔아봤다. 내일 써보고 마음에 들면 노션에서 이주해야겠다.
• VSCode는 늘 새롭다
  • 창 맨 아래를 클릭하고 위로 드래그하면 터미널이 열린다!
• React 맛보기
  • JSX란 공식 문서를 따르면 JavaScript를 확장한 문법으로, JS의 모든 기능이 포함되어 있고 React 엘리먼트를 생성한다고 한다. 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 '컴포넌트'로 관심사를 분리한다...고 적혀 있는데, 그냥 봤을 때는 JS와 HTML을 함께 쓸 수 있는 언어인 것 같다.
  • 코딩애플 리액트 강의를 듣는데, 리액트나 뷰 등의 라이브러리는 데이터 바인딩이 쉽다고 한다. 데이터 바인딩은 쉽게 말하면 JS의 DOM처럼 데이터와 파일을 연결하는 것이다. DOM 같은 경우는 querySelector 등을 사용해야 하지만, 리액트는 중괄호 안에 미리 선언한 변수나 함수 등을 넣으면 쉽게 사용할 수 있다!

🧛‍♂️TRY

• 다음 포트폴리오 때는 부트스트랩 말고 다른 거 배워서 써보기
  • Pure CSS도 괜찮고, 이참에 Tailwind를 배우는 것도 괜찮을 듯.