본문 바로가기

JavaScript

Restful Route - REST 규칙을 이용해서 만든 api 디자인 패턴 웹을 통해 데이터를 주고 받을 때 (서버 ↔ 클라이언트)http 문법을 통해 주고 받게 되는데, 큰 명령어로는 4가지가 있다. HTTP 명령어 (HTTP Verb)GET : 데이터 보기 (fetch하면 기본 명령어 속성이 Get임)POST : 데이터 생성PUT (PATCH) : 데이터 수정(Patch 라고도 불림)DELETE: 데이터 삭제 Restful Route의 필요성쇼핑몰 웹페이지를 예를 들어보자- 아이템 목록을 보여주는 페이지의 경우) /showitem /getItem 라고 만들 수 있다.- 아이템을 삭제하는 페이지의 경우) /removeItems /deleteItems라고 이름지을 수 있다.→ 이름 통일성 x 또한, 각 아이템에 대해서 CRUD (생성,읽기,수정,삭제) 총 4개의 url이 필..
리액트) 터미널에 npm ~, npx ~ 이거 의미가 뭐야? Copilot의 대답 : 좋은 질문이에요! npm과 npx는 Node.js 환경에서 자주 사용되는 도구로, 각각의 역할이 조금 다릅니다. 간단히 설명드릴게요:npm (Node Package Manager)역할: 패키지 매니저로, Node.js 패키지를 설치, 관리, 업데이트하는 데 사용됩니다.주요 기능:패키지 설치: npm install 명령어로 로컬 또는 글로벌 패키지를 설치합니다.의존성 관리: 프로젝트의 package.json 파일을 기반으로 필요한 패키지를 관리합니다.예시:위 명령어는 React 패키지를 설치합니다. npm install reactbashnpx (Node Package Executor)역할: npm과 함께 제공되는 도구로, 패키지를 설치하지 않고도 실행할 수 있게 해줍니다.주요 기..
JS) 아주아주아주 중요, 유용한 배열 함수, array function! 7개 - foreach, map, filter, some, every, find, findex 이제 배열 왔을 때 for문은 그만! 프론트엔드 개발자를 준비하며, 리액트 수업을 들으며 포트폴리오를 준비하고 있는 요즘! 그래도 웹 퍼블리셔로서 2~3년 경험으로html, css, js 기본은 할 줄 안다고 생각했는데, JS 아직 잘 모르나보다. 이번에 배열 관련 함수들을 알고 사용해봤는데 이거 굉장히 편리하다! 노트 해놨다가 보고 또 보자 참조 - JS) Arrayhttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.devel..
JavaScript) var VS let VS const -> what is Scope / hoisting ? ref) 자바스크립트 동작원리와 ES6 - Fundamentals of JavaScript & ES6ref) 생활코딩 - JavaScript - var VS let VS const 자바스크립트에서 변수 선언에 var, let, const를 사용한다. 이 중 변수 사용에 var는 절대 사용하지 말라! 라는 말을 듣곤 한다. -> 면접에서도 많이 물어본다! 무슨 차이가 있을까?!  let 과 const는 2015년 ES6에서 도입된 변수 선언키워드로 '블록 스코프' 레벨을 따른다.ECMAScript란?JavaScript 언어의 표준이며 ES6라고도 한다.'let'은 변수 / 'const'는 상수를 선언 var VS let, const varletconstfunction local ScopeOOOblock S..
JavaScript 변수 작명가이드 꼭 지켜야 하는 룰(지키지 않으면 오류)JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 합니다. 두 번째 글자부터는 '숫자(0-9)'도 가능합니다.'대문자'와 '소문자'는 구별합니다. myname과 myName은 다른 이름입니다.'예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안 됩니다. 예 if, for, let 같은  지키면 좋은 룰(더 좋은 스타일을 위해)코드를 작성하는 일은 여러 사람들과의 협업이기도 하면서 스스로와의 소통원활히 하기 위해서 아래와 같은 약속들을 함께 지킵시다! 의미 없는 이름은 좋지 않습니다.let a, b, c, d;어떤 값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵습니다. 또한 프로그램의 가독성이 떨어져서..