반응형 Programming156 JavaScript 디자인 패턴 예시들 책 (한빛미디어)를 읽고 19개의 패턴의 간단한 정의와 예시들을 정리해본다.생성 패턴객체를 생성하는 방법을 다루는 패턴 생성자 패턴*ES6의 class 문법을 사용 객체 지향 프로그래밍을 위한 문법적 설탕(syntactic sugar)으로, constructor 메서드를 통해 객체 초기화를 수행하고 new 키워드를 사용하여 인스턴스를 생성하는 구조이다. class 내부에서 속성과 메서드를 정의하며, 상속 및 캡슐화 같은 OOP 개념도 자연스럽게 표현할 수 있다.class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(`Hello.. Programming/Javascript, Typescript 2025. 7. 6. 리액트, 뷰를 안 쓰는 개발자들은 뭐 쓸까? 프론트엔드 프레임워크 알아보기 안녕하세요 SSAFY 수료생 기자단 김혜린입니다! 요즘 SSAFY 교육생분들은 어떤 프론트엔드 프레임워크로프론트엔드 공부를 시작하시는 지 궁금한데요. 7기 교육생이었던 저는 JavaScript 프론트엔드 프레임워크인 Vue(뷰)로첫 프론트엔드 개발을 시작하고 당시 생태계가 크게 확장되고 있었던 React(리액트)를여름 방학 기간동안 동기들과 공부해2학기 프로젝트 프론트엔드 개발에 활용했던 기억이 납니다. 그렇게 프론트엔드에 재미를 붙이고,프론트엔드 개발자로 취업을 준비할 때도국내외 모두 이 두 프레임워크 외에다른 프레임워크를 사용하는 기업은 거의 찾아보기 힘들었는데요 https://tsh.io/state-of-frontend 소프트웨어 개발사 'The Software House'에서2024년 6028.. Programming/Javascript, Typescript 2025. 6. 27. 도커, 컨테이너, 쿠버네티스의 개념 FE 개발자여서 그동안 도커를 쓸 일이 거의 없었는데, 올해부터 백엔드(Express) 쪽 코드에 관련된 일들을 하게 되면서 도커를 쓰고 있다. 도커와 함께 자주 볼 수 있는 컨테이너, 쿠버네티스의 개념까지 잘 정리한 영상들이 있어서 따로 정리해본다. https://www.youtube.com/watch?v=eRfHp16qJq8https://www.youtube.com/watch?v=e0koWWAmXSk 컨테이너서버의 한 종류VM(가상 머신)은 프로그램 실행에 오래 걸림컨테이너도 가상화 기술은 맞지만(한 대의 서버에서 여러 프로그램 실행) 더 가볍고 빠르다. 컨테이너 안에 모든 요소를 다 넣어 놓고 필요할 때마다 컨테이너 단위로 서버 안에 넣었다 빼면 되기 때문이다. 도커우리는 컨테이너 전문가가 아니기 .. Programming/ETC 2025. 5. 26. [nginx] 기초적인 proxying 방법 nginx에 대해서는 https://drspace.tistory.com/249 이 글에서 간략히 개념을 배워본 적이 있다. 수업을 듣다가 웹 서버라는 단어가 나와서 정리한 거다.싸피에서 프로젝트를 할 때는 nginx 설정은 백엔드 팀원들이 거의 해서 다뤄 볼 기회가 없었는데, 직접 nginx 설정을 해 볼 기회가 생겨서 그 과정을 정리해본다. 1. 사용 목적 마이그레이션이 필요한 워드프레스 웹사이트가 404 에러를 뱉어낼 경우 원래는 워드프레스 상에 위치한 404.html 파일을 유저에게 보여줬었다. 이 설정은 nginx.conf 파일에 되어 있었다. 404 에러를 만날 경우 폴백 함수로 보낸 후, 일관된 URL 처리를 위해 불필요한 slash를 제거하고 대문자는 소문자로 모두 바꾼 후 /404.html.. Programming/ETC 2025. 3. 27. [네트워크] POST, PUT, PATCH의 차이점 Nest.js 공부를 하면서 Postman을 많이 쓰고 있다. 그동안 patch를 써본 적이 거의 없는데, 인강에서 강사님이 put 대신 patch를 쓰시는 걸 보고 세 요청의 차이를 정리해보려고 한다. https://docs.tosspayments.com/blog/rest-api-post-put-patch POST, PUT, PATCH의 차이점 | 토스페이먼츠 개발자센터REST API 디자인의 기본이 되는 POST, PUT, PATCH 메서드를 자세히 살펴볼게요.docs.tosspayments.com 토스페이먼츠 개발 블로그에 RFC 문서를 참고한 내용이 잘 정리되어 있다. POST: 리소스를 생성하거나 꼭 그렇지 않아도 백엔드에서 정의한 다양한 작업을 수행-> 리소스 생성 및 다양한 작업에 사용 PU.. Programming/Computer Science 2025. 2. 22. [Jest] 특정 테스트 파일만 제외하고 실행하고 싶을 때 많은 프로젝트에서 테스트 도구로 Jest를 사용하고 있다. 이 때 테스트 파일에 시간이나 날짜 관련 데이터가 있는데, 나와 타임존이 다른 곳에서 개발한 경우 로컬에서 테스트가 통과하지 못하는 경우가 있다. 어느 나라에서 테스트를 실행해도 문제가 없도록 테스트를 작성하면 가장 좋겠지만, 당장 pull request를 만드는 경우 Jest config를 수정해서 한 파일을 제외할 수 있었다. // jest.config.jsmodule.exports = { testPathIgnorePatterns: ['실행하고 싶지 않은 테스트 파일명'], ...} 이렇게 적어주면 (여러 개 파일 작성 가능) 전체 테스트를 실행했을 때 해당 테스트 파일은 실행하지 않는다. 테스트 대상 파일이 아니라 테스트 파일(예.. Programming/Javascript, Typescript 2025. 2. 15. [SSAFYcial] 싸피에서도, 현업에서도 자주 쓰는 Git 명령어 알아보기 개발에 입문하고 가장 먼저 배우는 것들 중 하나가 바로 Git일 텐데요. 오늘은 제가 개발을 거의 알지 못하던 SSAFY에서 처음 배웠지만, 개발자로 일하고 있는 지금도 자주, 또는 유용하게 쓰고 있는 Git 명령어들을 소개해보려고 합니다! Git이란많은 분들이 알고 계시겠지만 Git은 '버전 관리 시스템' 입니다. 개발을 하면서 여러 명이 하나의 코드 베이스에 수많은 변경 사항을 만들어야 하기 때문에, 이 과정에서 코드의 버전을 잘 기록하고 활용하기 위해 만들어진 도구인데요. 2005년, 리눅스 커널을 개발하던 개발자들이 만들었습니다. 이 Git을 사용하기 위한 명령어들을 터미널에 입력하면 내 코드의 상태를 자유자재로 저장하거나 되돌릴 수 있습니다. git add, git commit -m, git p.. Programming/ETC 2025. 1. 16. 이전 1 2 3 4 ··· 23 다음