코딩/웹
-
소개 REST(Representational State Transfer) API는 웹 서비스 간의 통신을 위한 가장 널리 사용되는 인터페이스 중 하나입니다. 이 아키텍처 스타일은 단순함, 확장성, 상호 운용성을 제공하여, 다양한 클라이언트(웹, 모바일, IoT 기기 등)에서 사용될 수 있습니다. 본 글에서는 REST API를 설계할 때 따라야 할 기본 원칙과 베스트 프랙티스(모범 사례)를 소개합니다. REST API의 기본 원칙 REST API 설계 시, 아래의 기본 원칙을 따라야 합니다. 리소스 기반: REST API는 리소스(데이터 객체) 기반으로 작동하며, 각 리소스는 고유한 URI(Uniform Resource Identifier)로 식별됩니다. 상태가 없음(Stateless): 서버는 클라이언트..
REST API 디자인 기본 원칙과 모범 사례소개 REST(Representational State Transfer) API는 웹 서비스 간의 통신을 위한 가장 널리 사용되는 인터페이스 중 하나입니다. 이 아키텍처 스타일은 단순함, 확장성, 상호 운용성을 제공하여, 다양한 클라이언트(웹, 모바일, IoT 기기 등)에서 사용될 수 있습니다. 본 글에서는 REST API를 설계할 때 따라야 할 기본 원칙과 베스트 프랙티스(모범 사례)를 소개합니다. REST API의 기본 원칙 REST API 설계 시, 아래의 기본 원칙을 따라야 합니다. 리소스 기반: REST API는 리소스(데이터 객체) 기반으로 작동하며, 각 리소스는 고유한 URI(Uniform Resource Identifier)로 식별됩니다. 상태가 없음(Stateless): 서버는 클라이언트..
2024.03.07 -
서버 사이드 JavaScript는 Node.js의 등장으로 혁신적인 변화를 맞이했습니다. 그러나 최근 Deno의 출현은 이 분야에 새로운 도전과 기회를 제시하고 있습니다. 이 글에서는 Node.js와 Deno의 주요 차이점을 탐구하고, 각각이 서버 사이드 개발의 미래에 어떤 영향을 미칠지 살펴보겠습니다. Node.js의 지배적 위치 Node.js는 2009년 출시 이후 서버 사이드 개발에 혁명을 일으켰습니다. 비동기 I/O, 이벤트 기반 모델, 단일 스레드 이벤트 루프와 같은 특징 덕분에, Node.js는 빠른 성능과 효율성을 자랑합니다. 또한, NPM(Node Package Manager)을 통해 수많은 오픈 소스 라이브러리와 툴을 쉽게 접근하고 사용할 수 있게 되었습니다. Deno의 등장 Deno는 ..
Node.js와 Deno: 서버 사이드 JavaScript의 미래서버 사이드 JavaScript는 Node.js의 등장으로 혁신적인 변화를 맞이했습니다. 그러나 최근 Deno의 출현은 이 분야에 새로운 도전과 기회를 제시하고 있습니다. 이 글에서는 Node.js와 Deno의 주요 차이점을 탐구하고, 각각이 서버 사이드 개발의 미래에 어떤 영향을 미칠지 살펴보겠습니다. Node.js의 지배적 위치 Node.js는 2009년 출시 이후 서버 사이드 개발에 혁명을 일으켰습니다. 비동기 I/O, 이벤트 기반 모델, 단일 스레드 이벤트 루프와 같은 특징 덕분에, Node.js는 빠른 성능과 효율성을 자랑합니다. 또한, NPM(Node Package Manager)을 통해 수많은 오픈 소스 라이브러리와 툴을 쉽게 접근하고 사용할 수 있게 되었습니다. Deno의 등장 Deno는 ..
2024.02.26 -
Prisma와 TypeORM은 JavaScript 및 TypeScript 개발자들 사이에서 인기 있는 두 ORM(Object-Relational Mapping) 라이브러리입니다. 이들은 데이터베이스와의 상호작용을 추상화하여 개발자가 SQL 쿼리를 직접 작성하는 대신, 객체 지향 방식으로 데이터베이스 작업을 수행할 수 있게 해줍니다. 이 글에서는 Prisma와 TypeORM의 기능, 장점, 그리고 사용 방법에 대해 간략하게 비교하고자 합니다. Prisma의 특징 및 장점 Prisma는 최신 타입 안전성과 강력한 마이그레이션 도구를 제공하는 차세대 ORM입니다. Prisma Client와 Prisma Migrate는 그 구성 요소 중 두 가지입니다. Prisma Client는 타입 안전성을 제공하며, 자동완..
Prisma와 TypeORM 비교Prisma와 TypeORM은 JavaScript 및 TypeScript 개발자들 사이에서 인기 있는 두 ORM(Object-Relational Mapping) 라이브러리입니다. 이들은 데이터베이스와의 상호작용을 추상화하여 개발자가 SQL 쿼리를 직접 작성하는 대신, 객체 지향 방식으로 데이터베이스 작업을 수행할 수 있게 해줍니다. 이 글에서는 Prisma와 TypeORM의 기능, 장점, 그리고 사용 방법에 대해 간략하게 비교하고자 합니다. Prisma의 특징 및 장점 Prisma는 최신 타입 안전성과 강력한 마이그레이션 도구를 제공하는 차세대 ORM입니다. Prisma Client와 Prisma Migrate는 그 구성 요소 중 두 가지입니다. Prisma Client는 타입 안전성을 제공하며, 자동완..
2024.02.26 -
무료 웹 에디터(텍스트 에디터) 종류 및 추천 옛날 글들을 둘러보다 텍스트 에디터 관련 포스팅 조회수가 꽤 높아서 깜짝 놀랐어요...ㅋㅋㅋ 저는 퍼블리셔로 일하는 동안에는 쭉 atom 에디터를 사용했지만, 개발자로 이직하고 나서부터 정말 잘 쓰고 있는 또다른 에디터(VSCode)가 있어서 소개하기 위해 새로운 포스트를 작성합니다. 1. 비주얼 스튜디오 코드(VSCODE) 마이크로소프트에서 오픈소스로 개발하고 있는 소스 코드 에디터입니다. 웹 기반으로 기술들로 데스크톱 애플리케이션을 만들 수 있는 깃허브의 일렉트론을 기반으로 만들어졌습니다. macOS와 리눅스, Windows 등 메이저 운영체제를 모두 지원하고 있습니다. 마이크로소프트의 통합 개발 환경(IDE) 비주얼 스튜디오Visual Studio와 이..
무료 웹 에디터(텍스트 에디터) 종류 및 추천 (ver.2024)무료 웹 에디터(텍스트 에디터) 종류 및 추천 옛날 글들을 둘러보다 텍스트 에디터 관련 포스팅 조회수가 꽤 높아서 깜짝 놀랐어요...ㅋㅋㅋ 저는 퍼블리셔로 일하는 동안에는 쭉 atom 에디터를 사용했지만, 개발자로 이직하고 나서부터 정말 잘 쓰고 있는 또다른 에디터(VSCode)가 있어서 소개하기 위해 새로운 포스트를 작성합니다. 1. 비주얼 스튜디오 코드(VSCODE) 마이크로소프트에서 오픈소스로 개발하고 있는 소스 코드 에디터입니다. 웹 기반으로 기술들로 데스크톱 애플리케이션을 만들 수 있는 깃허브의 일렉트론을 기반으로 만들어졌습니다. macOS와 리눅스, Windows 등 메이저 운영체제를 모두 지원하고 있습니다. 마이크로소프트의 통합 개발 환경(IDE) 비주얼 스튜디오Visual Studio와 이..
2024.02.22 -
Git 기본 명령어 git 파일 초기화 및 생성 git init 저장소 복제 및 다운로드 git clone 작업 디렉토리와 인덱스의 상태를 확인 git status github 주소와 연결 git remote add origin 프로젝트 주소 # 리모트된 주소 확인하기 git remote git remote -v commit 할 파일 스테이징 git add git add * # 변경사항 모두 포함 git add -A git commit git commit -m "message" git push git push origin [브랜치명] git pull(가져오기) git pull origin 브랜치명 # 예시 git pull origin dev # 특정 파일만 pull git checkout 브랜치명 -- ..
git 명령어 모음Git 기본 명령어 git 파일 초기화 및 생성 git init 저장소 복제 및 다운로드 git clone 작업 디렉토리와 인덱스의 상태를 확인 git status github 주소와 연결 git remote add origin 프로젝트 주소 # 리모트된 주소 확인하기 git remote git remote -v commit 할 파일 스테이징 git add git add * # 변경사항 모두 포함 git add -A git commit git commit -m "message" git push git push origin [브랜치명] git pull(가져오기) git pull origin 브랜치명 # 예시 git pull origin dev # 특정 파일만 pull git checkout 브랜치명 -- ..
2024.02.22 -
var nav = $("#nav .menu > div");var contents = $("#main > section"); nav.click(function(e){ e.preventDefault(); var target = $(this); var index = target.index(); var section = contents.eq(index); var offset = section.offset().top; $("html,body").animate({scrollTop:offset},600,"easeInOutExpo"); });sidebar.click(function(e){ e.preventDefault(); var sideOffset = contents.eq(3).offset().top; $("html..
[JS] 메뉴 클릭시 스크롤var nav = $("#nav .menu > div");var contents = $("#main > section"); nav.click(function(e){ e.preventDefault(); var target = $(this); var index = target.index(); var section = contents.eq(index); var offset = section.offset().top; $("html,body").animate({scrollTop:offset},600,"easeInOutExpo"); });sidebar.click(function(e){ e.preventDefault(); var sideOffset = contents.eq(3).offset().top; $("html..
2018.02.28