# UDR
Node.js - 2일차 🌷
📌노드의 특성 ✨이벤트 기반 : 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 주체가 사람이 될 필요는 없음 ✨논블로킹 I/O 논 블로킹 : 오래 걸리는 함수를 백그라운드로 보내서 다음 코드가 먼저 실행되게 하고, 나중에 오래 걸리는 함수를 실행 동기는 블로킹 / 비동기는 논 블로킹 동기 : 대부분 코드가 순서대로 실행됨 비동기 : 코드가 순서대로 실행되지 않는다 동시에 실행되는지는 따로 확인 ✨프로세스 vs 스레드 프로세스 : 운영체제에서 할당하는 작업의 단위 / 프로세스 간 자원 공유 X 스레드 : 프로세스 내에서 실행되는 작업의 단위 / 부모 프로세스 자원 공유 노드 프로세스는 멀티 스레드이지만, 직접 다룰 수 있는 스레드는 하니이기 때문에 싱글 스레드라고 표현 📌서버로서의 노드 ✨ 서버 서버 : 네트워크를 통해 클라이언트에 정보나 서비스를 제
Node.js - 1일차 🌷
📌노드의 정의 ✨노드 란 서버가 아니다 ! 공식 정의 : 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 내부 구조 1) V8 엔진 : 오픈 소스 자바스트립트 엔진 -> 속도 문제 개선 2) libuv : 노드의 특성인 이벤트 기반, 논블로킹 I/O 모델을 구현한 라이브러리
Node.js 4 (9/22)
Part 1. module.exports. 에서 module 도 생략이 가능하다 ( 이 둘의 차이 : (일반적으로 module.exports 와 exports 는 같으며 객체를 나타낸다. (하지만 위와 같이 함수를 이용 하는 경우는 module.exports. 와 exports.는 달라지게 된다.) 따라서 한가지만 넣고 싶다면
노드 강좌 소개 및 노드의 정의, 노드의 특성, 서버로서의 노드, 노드 및 vscode 설치
노드의 정의 Node.js 는 크롬 V8 자바스크립트 엔진으로 빌드된 자카스크립트 런타임이다. -> 자바스크립트를 실행하는 것. 서버의 역할도 수행할 수 있는 자바스크립트 런타임 노드로 자바스크립트로 작성된 서버를 실행할 수 있음 서버 실행을 위해 필요한 http 모듈 제공 런타임 특정 언어로 만든 프로그램들을 실행할 수 있게 해주는 가상 머신 노드의 특성 이벤트 기반 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 논블로킹 I/O 오래걸리는 함수를 백그라운드로 보내서 다음 코드가 먼저 실행되게 하고, 나중에 오래 걸리는 함수를 실행 프로세스 vs 스레드 프로세스 : 운영체제에서 할당하는 작업의 단위, 프로세스 간 자원 공유 X 스레드 : 프로세스 내에서 실행되는 작업의 단위, 부모 프로세스 자원 공유 노드 프로세스는 멀티 스레드이지만 직접 다룰 수 있는 스레드는 하나
9/21 Node.js 학습
1. 노드의 정의 공식 홈페이지 설명 ‘Node.js’는 크롬 ‘V8’ 자바스크립트 엔진으로 빌드된 자바스크립트 런타임이다. 빠른 자바스크립트 실행기다. 노드가 서버는 아니지만 서버의 역할을 수행할 수 있다. 노드는 서버가 아닌가요? 서버의 역할도 수행할 수 있는 자바스크립트 런타임 노드로 자바스크립트로 작성된 서버를 실행할 수 있음 서버 실행을 위해 필요한 http/http2/http3 모듈을 제공 노드는 싱글스레드이면서 비동기인 모델이다. V8 / libuv 2. 노드의 특성 1) 이벤트 기반 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 이벤트의 예 : 클릭, 네트워크 요청, 타이머 등 이벤트 리스너 : 이벤트를 등록하는 함수 콜백 함수 : 이벤트가 발생했을 때 실행될 함수 
Node.js 3 (9/21)
Part 1. REPL과 js 파일 실행하기 REPL : Read, Evaluate, Print, Loop (읽고, 평가하고 출력하고 반복) cmd 에서 node 실행해보기 -> console.log 의 리턴형은 Undefined 이다. cmd 에서 한줄 씩 코딩은 어렵기 때문에 vs code 사용한다 (vs code 로 직접 작성해 보았고 아래와 같이 cmd 에서 실행해보았다.) 
호출 스택 알아보기 (1) 호출 스택 > 위 코드의 순서 예측해보기 > * 세 번째 -> 두 번째 -> 첫 번째 호출 스택(함수의 호출, 자료구조의 스택) Anonymous는 가상의 전역 컨텍스트(항상 있다고 생각하는 게 좋음) 함수 호출 순서대로 쌓이고, 역순으로 실행됨 함수 실행이 완료되면 스택에서 빠짐 LIFO(Last In First Out) 구조라서 스택이라고 함 이벤트 루프 알아보기 > console.log()는 프로그램이 실행되면 즉시 실행되므로 괄호 안에 문자열을 콘솔에 출력함 setTimeout 함수는 일정한 시간이 지난 후에 지정한 함수를 실행하도록 예약하는데 사용 -> 스택에서 백그라운드로 setTimeout(run, 3000) 이동 ->
Node.js 3 (9/20)
Part 1 노드, VS code 설치 nodejs.org 에서 다운 가능 (20.7.0 버전을 받았다.) 학생인 경우 최신 버전, 회사원이면 lts 가 좋다고 한다. (위 화면에서 체크 꼭 하기!!) (위 체크로 인해 이 화면이 뜨는데 엔터를 누른다.) 
[에러질문법] 나쁜 질문 하는 방법 "질문해도 되나요?"라고 먼저 묻는다. (온라인) 궁금한 걸 바로 묻지 않고 돌려서 질문한다. 엉뚱한 곳에 질문을 올린다. 질문 제목을 구체적으로 달지 않는다. ex) "도와주실 분", "문제가 안풀립니다" 어떤 작업을 하는 코드인지 말하지 않고 "코드가 안 돌아요"라고만 말한다. 에러 메시지를 일부만 올리거나 아예 올리지 않는다. 코드를 보여주지 않는다. (들여쓰기, 줄넘김 등) 포맷이 엉망인 코드를 올린다. 이미 시도해본 것들을 말해주지 않는다. OS나 버전 등을 알려주지 않는다. 코드를 짜달라고 요청한다. 1. 노드의 정의 공식 홈페이지의 설명 Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임(실행기)입니다. 서버의 역할도 수행할 수 있는 자바스크립트 런타임 (자바스크립트 실행기) 노드는 자바스크립트로 작성된 서버를 실행
node.js 섹션0
2. 노드의 정의 노드 >크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 >서버의 역할도 수행할 수 있는 자바스크립트 런타임 >자바스크립트로 만든 프로그램들을 실행할 수 있게함 >2008년 V8엔진 출시, 2009년 노드 프로젝트 시작 >V8과 libuv를 내부적으로 포함 >>V8엔진: 오픈소스 자바스크립트 엔진 -> 속도문제 개선 >>libuv: 노드의 특성인 이벤트 기반, 논블로킹 I/O모델을 구현한 라이브러리 런타임 >특정 언어로 만든 프로그램들을 실행할 수 있게 해주는 가상 머신의 상태 >ex) 노드, 크롬, 엣지, 사파리, 파이어폭스 3. 노드의 특성 4. 서버로서의 노드 5. 노드, npm, VS Code 설치하
Node.js 2 (9/19)
Part 1. 노드의 특성 이벤트 기반 : 사용자와 인터렉트 하는 느낌 (버튼 눌렀을 때 이동 등) 동작이 일어나면 다른 동작이 일어나는 것 프로그램들은 항상 이벤트 기반이면 같은 이벤트에 의해 같은 반응을 한다. (메모리에 동작을 등록 할 수 있다.) 노드 : 블로킹이면서 동기, 비동기면서 논블로킹 이다. (서로 반대인 경우는 없다.) 동기 : 코드가 순서대로 실행된다. 비동기 : 코드가 순서대로 실행되지 않을수 있다. ... 일단 
Node.js 1 (9/18)
Part 1 : 노드의 정의 Node.js 는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임이다. (런타임 : 실행기) 장점 : 노드가 나옴으로서 html 과 브라우저의 종속성으로부터 벗어남 V8 : 크롬 버전중에 빠른 편 노드가 자바스크립트의 위상을 높여주었다. 노드도 서버역할을 할 수 있지만, 노드 자체가 서버는 아니다. 자바스크립트 공부 사이트 : https://ko.javascript.info/ 현재의 모습은 좀 달라짐 내부 구조 (내부는 c,c++로 이루
Django 9일차 TIL
RedirectView를 통한 Subscribeapp 시작 Subscribeapp 생성 Field Lookup을 사용한 구독 페이지 구현 Filter 그동안 코드를 짜면서 아래와 같은 형식을 사용했다. pk=xxx, user=xxx는 AND function이다. OR, WHERE function은 어떻게 쓰는걸까? > 1. 유저가 구독하고 있는 프로젝트 확인하기 프로젝트들 안에 있는 모든 게시물을 가져오기 위의 코드를 아래의 코드로 바꿀 것이다. 장고에서 제공하는 Field Lookups(_) 사용! ➡️ 조금 더 복잡한 DB 쿼리를 사용자가 구현할 수 있도록 하기 위함 views.py 구현 WYSIWYG의 소개 및 적용 WYSIWYG What You See Is What You Get의 약자로 보는대로 글이 써진다는 의미이다. 게시판 기능 중 하나이다. 깃허브의 누군가가 제공해준 링크를 받아 사
자바스크립트 TIL 5일차
while문 1. 반복문 조건에 따라 프로그램의 일정 코드를 반복적으로 수행할 수 있도록 하는 구문 2. while 조건이 만족하는 동안 반복실행될 코드를 계속 실행 3. continue, break; continue : 남은 반복실행될 코드를 모두 skip break : 반복문에서 즉시 탈출 4. 실습 do while문 1. do, while 한번은 코드가 실행되고, 이후에 반복실행될지 말지를 결정 2. 조건식이 거짓(False) 일 때, while : 한번도 실행되지 않음 do, while : 한번은 실행되고 종료 for문 1. for 초기구문, 업데이트 구문, 반복조건 을 한 구문에 합친 반복문. 2. 0~4까지 더하는 동일한 while문과 for문. 1) while 문 2) for문 3. 실습 for in문 1. for in 객체의 각 엘리먼트에 접근할 수 있는 반복문. 2. 객
자바스크립트 4일차
배열 만들기 1. 배열 값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간. 주소(인덱스, index)를 이용해 각 엘리먼트에 접근 가능. 2. 배열의 정의 빈 배열 : var arr=[]; 초기화된 배열 : var arr=[1,2,3,4,5]; 엘리먼트에는 어떤 자료형이든 저장될 수 있음 var mixed_arr = [ 1, true, 3.14, "string", {name:"object"}, [1,2,3] ]; 3. 배열의 길이 .length 속성 이용 4. 배열의 엘리먼트에 접근하기 대괄호 안에 인덱스를 사용 : arr[index] arr[0] = 1 console.log(arr[arr.length-1]); 5. 실습 배열 사용하기 1. 배열에 엘리먼트 추가/삭제하기 기본적으로 배열의 앞과 뒤에서 엘리먼트를 추가하거나 삭제할 수 있음. .push(element) : 배열의 뒤에 엘리먼트 추가 `.
자바스크립트 TIL 3일차
산술연산자 1. 이항연산자 (binary operator) 두개의 피연산자(A, B)를 가지는 연산자. A 연산자 B 의 꼴로 사용함. 피연산자는 변수나 숫자가 될 수 있음. 더하기 빼기 곱하기 / 나누기 % 나머지 2. 단항연산자 (unary operator) 하나의 피연산자(A)를 가지는 연산자. 보통 연산자A의 꼴로 사용함. 대표적으로 - 연산자가 있으며, -A의 꼴로 사용하는 경우 -는 이항 연산자가 아닌, 단항연산자임. A변수에 -1을 곱한 효과가 발생. 증감연산자 (++, --) 표현식 안에서 변수의 값을 증가하거나 감소시킬 수 있음. 각각, A=A+1, A=A-1의 효과를 발생함. 연산자를 변수 앞에 사용한 경우와 변수 뒤에 사용한 경우에 따라 변수의 값을
9/12 멘토링
render redirect User >ID(pk) Email password 1:n Article >글내용 작성자: ID(fk.forign key) n:1 Authentication 인증 시스템 구축 >if requestuseris_authenticated >세션. **Profileapp
TIL
JS 기본 문법 1. 변수와 상수 변수 (Variable): 값이 변경될 수 있는 공간. let을 사용하여 선언 상수 (Constant): 값이 변경될 수 없는 공간. const를 사용하여 선언 2. 데이터 타입 Primitive Types: number, string, boolean, undefined, null, symbol, bigint Reference Types: 객체(object), 배열(array), 함수(function) 3. 함수 함수는 특정 동작을 수행하는 코드 블록 4. 조건문 if, else if, else: switch case: 5. 반복문 for: while loop: 6. 배열과 메소드 배열은 여러 개의 값을 하나의 변수에 저장
Django 8일차 TIL
Mobile Responsive Layout How to connect with Mobile browser? 현재까지 구현한 앱을 어떻게 모바일 환경에서 보여줄 수 있을까? python manage.py runserver* = python manage.py runserver 127.0.0.1: 8000* ➡️ python manage.py runserver 0.0.0.0:8000 로컬 호스트 말고도 다른 컴퓨터에서 ip 주소를 기반으로 구동되고 있는 서버에 접속할 수 있는 포트가 열리게 된다. ALLOWED_HOST 로 설정 가능하다. Connect to WIFI local network server IP ip 확인 후 브라우저에 입력하고 접속한다. cmd에서 구현하기 지금 상태에서 모바일로 접속하면 에러가 발생한다. 따라서 setting을 바꿔줘야 한다. settings.py 접속하는 모든 호스트를 허용한다. 단, 배포를 할