Javascript, Node.js

메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다.이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. \- 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는

익숙하다는 핑계로 정리하기 미뤄왔었는데 이번 강의 때 새로 배우면서 느낀건 간과하고 있었던 정보들이 많았다. 이런 김에 정리하는거지 ㅎㅎif문 보다는 가독성이 좋음if문과 비슷한 역할조건이 참인 경우와 거짓인 경우 각각 다른 값 반환한다.삼항 연산자를 사용하여 tx가

부트스트랩으로 모달창 띄어보자!🙋‍♀️ cdn이란? \- Content Delivery Network \- 물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공하기 위해 고안된 기술이다. \- 만약 우리나라에 있는 사람이 미국에 있는 서버로부터 이미지나 파일 등

팀프로젝트 진행 중 만난 충돌,, 팀장님이랑 해결하느라 시간 꽤 쏟았는데 깃헙 강의에서 쉬운 방식을 알려주셨다,,,! \- 같은 파일의 같은 위치에 코드가 변경되었기 때문충돌이 생기자마자 충돌이 생긴 사람과 상의 후 코드를 고치고 push 해주면 된다.<<&

문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return말그대로 위치를 바꾸면 어떨까 생각했다.해당 인덱스 위치 값의 요소들을 바꿔 새로운 배열에 넣

영화 평점 사이트 제작하려면 알고 있어야할 API 요청 관련 정보들 기록하기1) 서버 -> 클라이언트\- JSON 사용한다. 🔍 JSON?Javascript Object Notation자바스크립트 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷웹

영화 목록 사이트 제작 개인 프로젝트 하면서 사용하고 있었지만 이해가 제대로 되지 않은 채 사용한 부분이었던 함수를 다시 정리해보려한다. 함수 이름을 생략할 수 없다.표현식이 아닌 문 \- 변수에 할당할 수 없다.자바스크립트의 함수는 객체 타입의 값, 값처럼 변수에

실행컨텍스트와 this 복습하기 전에 스코프에 대해서 한번 정리해보자!식별자가 유효한 범위자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙스코프는 네임스페이스, 프로그래밍 언어에서는 스코프 통해 식별자인 변수 이름의 충돌 방지하여 같은 이름의 변수를 사용할 수 있게

이번 팀 프로젝트에서는 localStorage 이용해서 댓글 달기를 해야했다.단일하게 데이터를 넣어보기는 했지만, 작성자 한명에 여러 정보를 넣어야 했기 때문에 팀원분들과 검색하다 JSON.stringify 이용해서 객체를 넣을 수 있는 글을 발견했고, 바로 객체를 로

asyc, await 이해가 안돼서 많이 찾아보고 물어보기도 했는데 이해가 가지 않았던 이유를 여기서 찾았다.프로미스를 모르니 왜 쓰는지도 몰랐었음..ㅎ자바스크립트는 비동기 처리 위한 하나의 패턴으로 콜백 함수를 사용하는데, 전통적인 콜백 패턴은 콜백 헬로 인해 가독성

소스코드를 실행하는 데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역.함수, 변수, 클래스 등의 이름을 등록하고 관리하는 스코프와 코드 실행 순서 관리를 구현한 내부 메커니즘식별자와 스코프는 실행 컨텍스트의 렉시컬 환경으로 관리,코드 실행 순서는 실행

나중에 부를게우리가 너에게 준 함수를 나중에 부를때 전달해줘자바스크립트는 동기적이다 → 호이스팅이 된 이후 코드를 순서대로 실행시킨다.호이스팅?var, 함수 선언들이 자동적으로 제일 위로 올라가는 것1) 순서대로 실행 → '1' 출력2) setTimeout은 웹 AP

본격적인 node.js 주차가 시작됐다. 자바스크립트 꽤 익숙해진 줄 알았는데 아직 써보지 못했던 구조 분해 할당이 헷갈려 기록해봐야겠다.\- 배열이나 객체의 속성을 해체하여 그 안의 값을 개별 변수로 담을 수 있게 하는 표현식\- 구조화된 배열과 같은 이터러블 또는

노드 입문 주차 때의 간단 정리http 모듈의 req, res 객체를 확장한 것이다.

노마드코더 챌린지 하다가 문득 궁금해져서 정리!아무 생각없이 자바스크립트로 dom 제어할 때 document.~, window.~ 이렇게 썼었는데 두개가 같은 줄 알았지만 다른 객체였다는걸 알게 되었다.브라우저 탭에 존재하는 자바스크립트 전역 최상위 객체어디서든 접근

요청(request)과 응답(response)의 중간에 위치해서 미들웨어라고 부르는 것클라이언트와 서버 또는 서버와 서버 사이의 매개체 역할해당 경로로 가기 전 중간에 middleFunc가 실행된다!! -> 미들웨어의 역할!모든 비즈니스 로직을 서버에서 관리 -> 유지

sqp joins사진 참조: https://velog.io/@kdh10806/DataBase-Join특별한 조건없이 테이블 A의 각 행과 테이블 B의 각행을 다 조합한 결과(곱하기)가장 많이 사용된다.2개의 테이블의 컬럼을 합쳐 새로운 테이블을 생성한다.조건문

서버가 클라이언트 인증을 확인하는 대표적인 방식1\. 쿠키 2. 세션 3. 토큰key-value 형식의 문자열 덩어리클라이언트가 어떤 사이트에 방문했을 때, 클라이언트의 브라우저 내에 설치 되는 작은 기록 정보 파일이다.각 사용자마다 저장 → 고유 정보 식별 가능브라우

회원 기능 동작방식가입: 유저가 아이디, 비밀번호를 입력, DB에 저장한다.로그인: 유저가 아이디, 비밀번호를 입력, 서버로 보내진다.이때, 서버는 일치한지 판별 과정을 거친 후 입장권을 발급해준다.ticketjwt logoJSON Web Token1) 로그인 할 때

비밀번호를 Hash 된 값으로 넣어보자!단방향 암호화 기법으로 해시함수 (해시 알고리즘) 이용하여 고정된 길이의 암호화된 문자열로 바꾸는 것임의의 길이의 데이터를 고정된 길이의 데이터로 매핑하는 함수매핑 전 원래 데이터의 값을 키(key), 매핑 후 데이터의 값을 해시

url 추출해서 쿼리스트링 값 가져와보자!사용자가 입력 데이터를 전달하는 방법중의 하나url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것http://localhost:3000/api/products?sort=asc/products 뒤에 내가 원하는

노드 마켓 서버 만들기 과제 중 스키마 관련 유효성 검사를 해주는 라이브러리를 알게되어 적용해보았다!스키마 관련 유효성 검사를 해주는 라이브러리예를들어 해당 서비스 유저의 요청에 유저의 이메일, 닉네임, 패스워드나 상품의 이름, 가격 등은 필수적으로 적어야 하는 값을

자바에서는 객체를 정의하는 틀 또는 설계도와 같은 의미로 사용된다.이러한 설계도를 가지고, 여러 객체를 생성하여 사용한다.자바스크립트의 ES6 클래스 문법은 좀 더 JAVA스럽게 객체 지향적으로 표현하기 위해 추가된 새로운 문법이다.constructor : 인스턴스

​원하는 유형별로 데이터를 그룹화 해주고 싶을 때 사용한다.​동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 것.​~별​​​ 1) from orders: orders 테이블의 데이터 전체를 가져온다.2) group by payment_method:

서비스를 사용할 수 있게끔 해주는 여권 같은 역할을 하는 모듈여권은 여권 소지자가 입, 출국 자격에 대해 인증하는 역할을 한다.즉, 클라이언트가 서버에 요청할 자격이 있는지 인증할 때 passport 미들웨어를 사용하는 것이고 로그인 절차를 확실하게 하기위해 사용하는

rdb각 데이터를 테이블에 저장하고, 표 형태로 저장된다.테이블은 여러 정보를 저장하며, 테이블간 연관 관계를 설정하여 어러 테이블의 분산된 데이터를 서로 연결하여 관리할 수 있다. 연관 관계 -> 각 테이블 사이의 연결된 관계를 의미각 행은 고유한 데이터(record

하나의 모듈(파일)에는 대개 하나의 export default가 존재함export default로 모듈을 내보낸다면 export한 이름과 상관 없이 원하는 이름으로 import가 가능하다 내가 몰랐던 부분😶이렇게 내보낼 파일을 만들고받아올 파일에서는export 해준

트랜잭션작업의 완전성을 보장해주기 위해 사용되는 개념특정 작업 전부 처리하거나, 전부 실패하게 만들어 데이터의 일관성을 보장해주는 기능입니다.사용하는 대표적인 이유는 작업의 단위를 하나의 쿼리에 종속하는 것이 아닌, 여러개의 작업(쿼리)을 묶어 하나의 작업 단위로 그룹

📦 객체지향?소프트웨어 개발에서 주요 구성요소를 기능이 아닌 객체(여러 속성 + method(행동))로 삼으며 어떤 객체가 어떤 일을 할 것인가에 초점을 맞춘다.객체를 도출하고 각각의 역할을 명확하게 정의하는 것에 초점을 맞춘 방법론캡슐화, 다형성, 상속을 지원하고,

아키텍처 패턴 (Architecture Pattern)각각의 시스템들과 역할들이 정의되어 있고, 여러 시스템 사이의 관계와 규칙 등이 포함되어 있다.검증된 구조 -> 안정적인 개발 가능해진다.ex) MVC 패턴, 계층형 아키텍처 패턴, 클린 아키텍처 패턴, 마이크로 서

내배캠 노드주차 들어오면서 ec2로 배포하고 pm2에서 관리하는 걸 배웠는데 매번 할 때마다 까먹어서 정리해놔야겠다.Process Manager 2원활한 서버 운영을 위한 패키지✔ 서비스를 제공하고 있는 도중 서버가 중단돼도 서버를 다시 켜준다.✔ Node.js는 싱글

?.?. 앞에 평가 대상이 undefined나 null이면 평가를 멈추고 undefind 를 반환한다.obj?.prop – obj가 존재하면 obj.prop을 반환하고, 그렇지 않으면 undefined를 반환함obj?.\[prop] – obj가 존재하면 objprop을

내배캠 3계층 아키텍처 개인과제 피드백중 알게 된 팩토리 함수 이런건 당장 기록해놔야해 팩토리 함수

메일 전송 Node.js 모듈nodemailer 사용하여 이메일 인증 번호 보내보자!2단계 인증 사용하기제일 하단에 위치한 앱 비밀번호를 생성해준다.생성된 앱 비밀번호(16자리)를 잘 복사해둔다.

Access Token은 발급된 이후 서버에 저장되지 않고 토큰 자체로 검증을 하며 사용자 권한을 인증하기 때문에 Access Token이 탈취되면 토큰이 만료되기 전까지 토큰을 가진 사람은 누구나 접근이 가능해진다.JWT는 발급 후 삭제가 불가, 유효시간을 부여하는

벌써 4번째 프로젝트!! 이번에 맡은 부분은 회원 인증 파트였는데 처음 써보는 Refresh Token, 그 Refresh Token을 Redis에 저장하는 과정을 기록해본다.window 환경이라 Redis를 따로 설치해야한다.다운 링크 ↴https://git

변수와 메모리