기초 CS 정리36 PostCSS 란 https://postcss.org/ CSS 작성을 더 편하게 만들어주는 후처리기 => 자바스크립트를 사용하여 CSS를 변경CSS 전처리기 CSS 전처리기 화면에 보여주기 전 CSS를 변경해서 스타일을 적용 사용자가 작성하기 쉬운 코드로 작성 -> 기본 CSS 변환 -> 렌더링 ex. Scss, Stylus, Less CSS 후처리기 화면에 보여준 뒤 CSS 스타일을 적용 기본 CSS 파일 작성 -> 렌더링 -> 외부 프로그램을 사용하여 스타일 변경 ex. PostCSS 이러한 CSS 전/후처리기는 CSS를 작성할 때 발생하는 번거로움(중복, 유지보수 등)을 줄여준다. PostCSS 설치 npm install -D postcss postcss-loader 설치해주고 웹팩 설정에 추가해준다. webpack.. 2023. 8. 5. 오픈API 사용하여 웹 사이트 만들기 정부에서 제공하는 공공데이터들이 있다. 백으로 서버를 만들기 대신, 이번엔 공공api를 가져다가 혼자 프로젝트를 해보며 사용해보기로 하였다. 오픈 API란 응용프로그램이나 서비스를 개발하는데 필요한 운영체제나 라이브러리 등의 특정 기능을 추상화하여 사용하기 쉽도록 만든 인터페이스 여러 사람들이 공동으로 사용할 필요가 있는 자원에 대하여 이 자원의 사용을 개방하고 사용자들이 자원에 대한 전문적 지식이 없어도 사용할 수 있도록 제공하는 것이라 한다! 나의 경우 레시피 api 를 가져올 생각이라 농림축산식품 공공데이터 포털 사이트에 회원가입 후, API 인증키 자동 발급을 받는다. 이는 타인에게 양도가 불가하며 인당 1개의 인증키로 관리 된다고 한다. 오픈 API 사용 신청 요청 (자동 승인 처리됨) 활용하려.. 2023. 5. 4. 싱글턴 패턴 애플리케이션이 시작될 때 어떤 클래스가 최초 1번만 메모리를 할당하고 해당 메모리에 인스턴스를 만들어서 사용하는 패턴 즉, 싱클톤 패턴은 하나의 인스턴스만 생성하여 사용하는 디자인 패턴, 인스턴스가 필요하면 똑같은 인스턴스를 만들지 않고 기존에 있는 인스턴스를 활용하는 것 생성자가 여러 번 호출되도 실제로 생성되는 객체는 하나이며 최초로 생성된 이후에 호출된 생성자는 이미 생성한 객체를 반환시키도록 만든다. → 생성자를 private으로 선언하여 다른 곳에서 생성하지 못하도록 만들고 getInstance() 메서드를 통해 받아서 사용하도록 구현해준다. 객체를 생성할 때마다 메모리 영역을 할당 받아야 한다. 하지만 한번의 new를 통해 객체를 생성해준다면 메모리 낭비를 방지할 수 있고 싱글톤으로 구현한 인.. 2023. 3. 12. 디자인 패턴 - 어댑터 패턴 다른 곳에서 개발했다거나 수정할 수 없어서 클래스를 바로 사용할 수 없는 경우, 중간에서 변환 역할을 해주는 클래스가 필요하며 그걸 어댑터 패턴이라고 한다. 호환되지 않은 인터페이스를 사용하는 클라이언트 그대로 사용이 가능하며 향후 인터페이스가 변하더라도 변경 내역은 어댑터에 캡슐화 되므로 클라이언트가 바뀔 필요가 없다. 2023. 3. 5. 이전 1 2 3 4 ··· 9 다음
