SOLID 객체지향 원칙
SOLID 객체지향 원칙객체지향 프로그래밍은 추상화를 기반의 개발 방법으로 함수형 프로그래밍 보다 확장, 캡슐화를 쉽게 할 수 있는 문법을 지원하며재사용에 유리하다. 특히 코드의 재사용성에 큰 강점을 가지지만, 추상화를 기반으로 하기 때문에 자칫하면 코드가 필요 이상으로복잡해질 위험성이 존재한다.이러한 위험을 방지하고자 객체 지향 프로그래밍에서는 최소한으로
관련 게시물
npx, npm의 차이
node 프로젝트를 진행하게 되면 npx, npm은 필수적으로 사용해야 하는 패키지 도구이자 명령어이다.주로 라이브러리나 패키지를 설치할때 npm i 라이브러리~@lastest 이런식으로 최신 버전을 다운 받곤 하는데npx와 npm의 명확한 차이와 vite, CRA의 경우 어떠한 방법을 채용하여 프로젝트를 생성하는지에 대해 정리해본다."npm과 npx 차이"npm은 "Node Package Manager" 로 node.js가 지원하는 라이브러리 등을 쉽고 빠르게 다운로드하며프로젝트를 생성, 삭제 등을 가능하게 하는 도구로 프로젝트에 필요한 의존성은 package.json의 파일을 통해 관리하게 된다.npx은 "Node Package eXecute" npm 패키지 실행 도구로, 특히 로컬에 설치하지 않고 패키지를 실행할 때 유용하다.예를 들어, create-react-app(CRA) 패키지를 이용해 프로젝트를 생성할 경우,npx는 인터넷에서 최신 버전의 create-react-app을
[24. 06. 17] React에서 SEO ..
React에서 SEO ..React는 SPA로 SEO에 매우 불리하다는 이야기는 알고 있었지만 직접적으로 실무에서 써본적은 없기에 "왜?" 그런지 정확하게는 알지못했다.일전에는 주 개발언어가 PHP와 jQuery로 HTML에 직접 META 태그를 반영하였고,고객사 상대 마케팅업무가 주요 업무다보니 SNS나 크롤러에 잘 띄워지도록 개발해야 했었다.주요 SNS
[24. 06. 12 ] 304 Not Modified 😠
오늘도 삽질...AWS로 첫 배포를 마치고 SSL인증을 하던 중 의문점이 2개 생겼다.첫번째는네트워크 탭을보니 200 ok으로 받아올줄 알았던 이미지가 허나 304 Not Modified를 반환하고 있었고.두번째는심지어 아래코드 의 div.innerHTML에도 네트워크탭에서 보니 서버로 요청을 하고 있었다. const descriptionText =