내가 해냄(ง •̀ᴗ•́)ง

PAFFEM 사이트 클론코딩 Find Your Scent, 가장 나다운 향을 찾아드립니다 프로젝트 기간 : 0705 ~ 0723 (리팩토링 기간 일주일을 합해서 총 3주) FE Github BE Github 내가 맡은 역할✨ FE 상품 리스트 페이지를 반응형으로 구현 fetch를 이용해 백엔드와 통신해서 데이터 렌더링 받아온 데이터를 id순으로 가공한 뒤에 정렬 react-router을 이용해 상품 용량에 따른 동적 라우팅 구현 BE 회원가입 API 리스트 API에서 필터링 기능 구현 사용 스택💻 React, React-Router, Sass, ES6 Node.js, Express, Prisma, Mysql, Bcrypt, JWT, Babel Git, ESLint, Prettier 협업툴🛠 Trello ..

위코드에 들어온지 벌써 한 달이 지났다 진짜 거짓말 .... 어쩌다 개발 언제부터라고 특정해서 말할 수는 없지만 몇 년전에 아주 잠깐 css랑 js를 아주 아주 얕은 수준으로 만져본적이 있었다. 했던 이유도 심플했다. 재밌어보여서. 그리고 실제로도 엄청 재밌었다. 내가 속성 하나 줬는데 이렇게 변한다고??!! 아니 내가 이걸 구현했다고?!! 하면서 괜히 들떴었던 기억이 난다. 물론 지금와서 생각해보면 어이없을정도로 단순한 것이었지만 뭐 어때 그런데 그 때부터 재밌었으면 계속 하면 됐을텐데 왜 여태껏 안하다가 지금...? 이라고 생각할 수도 있는데, 그 당시에는 모르는게 있으면 어떻게 서치를 해야하는지조차 모르던 코린이었다. (지금도 코린이임ㅎ) 그러니까 점점 모르는건 늘어나고, 다음에 봐야지, 다음에 찾..

Semantic: 의의에 관한, 어의론, 의미론 프로그래밍 언어에서는 "의미론적"이라는 뜻을 가지고 있다. 시맨틱 웹(Semantic Web) 웹페이지에 메타데이터를 부여해서 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하는 것. -https://poiemaweb.com/html5-semantic-web 즉, 컴퓨터가 웹사이트를 단순한 코드의 구성으로 이루어진 것이 아니라 의미를 가진 사이트라는걸 알 수 있게 만드는 것이다. Non-Semantic 요소인 div (content에 대해 아무런 설명이 없는 태그)를 남발한 코드 header, main, ul, footer 등 Semantic Tag를 사용한 것이 훨씬 더 가독성이 높다는 것을 확인할 수 ..