<TIL> 211216 DOM수정, 쿠키/세션

 

🐣

 

{ CS개론 }

머신러닝: 잘 조직된 훈련 데이터를 프로그램에 넣고 프로그램에게 데이터의 의미를 알려주는 과정

인공지능: 스스로 프로그램을 작성하면서 목표를 달성하는 컴퓨터

빅데이터: 너무 크고 복잡해서 오늘날의 기술로 마구잡이식으로 처리하면 처리가 불가능한 데이터

 

조언

생산성 증대: "내가 가치를 더하고 있는가?"

배포(distribute): 소프트웨어를 사용자 등에게 전달하는 것

디플로이(deploy): 소프트웨어를 설치하고 실행될 수 있는 상태로 만드는 것

추정은 단순한 추측이 아니고, 경험을 바탕으로 하는 직관적인 어림짐작입니다.

소프트웨어 스택에서 한 스택과 다른 스택 사이의 선을 API라고 부릅니다.

API가 다른 프로그램을 대상으로 하지 않고 사람을 대상으로 한다면 UI라고 부릅니다.

 

{ JavaScript }

문서 수정하기

요소 생성하기

const elem = document.createElement("div");
elem.className = "alert";
elem.innerHTML = "<strong>안녕하세요!</strong>";

삽입 메서드

const elem = document.createElement("div");
node.before(elem); // 노드 바로 앞에 요소를 삽입 (형제 요소)
node.prepend(elem); // 노드의 자식 맨 앞에 요소를 삽입 (자식 요소)
node.append(elem); // 노드의 자식 맨 끝에 요소를 삽입 (자식 요소)
node.after(elem); // 노드 바로 다음에 요소를 삽입 (형제 요소)

node.insertAdjacentHTML("위치", "<strong>안녕하세요!</strong>");
"beforebegin" // node 바로 앞에 html을 삽입
"afterbegin" // node의 자식 맨 앞에 html을 삽입
"beforeend" // node의 자식 맨 끝에 html을 삽입
"afterend" // node 바로 다음에 html을 삽입

노드 삭제하기

node.remove()

 

스타일과 클래스

className: 클래스 전체를 문자열 형태로 반환해주는 프로퍼티

classList: 클래스 하나를 관리할 때 쓰는 메서드(add/remove/toggle/contains가 구현된 객체를 반환)

 

{ Node.js }

미들웨어

애플리케이션으로 들어오는 HTTP 요청 위에서 동작하는 기능을 캡슐화 하는 방법입니다.

 

쿠키

1. 쿠키 시크릿 설정

2. cookie-parser 미들웨어 설치

3. 응답 객체의 쿠키 메서드를 통해 쿠키 이름과 값을 클라이언트로 전달

res.cookie(name, value[, options])

4. 쿠키 접근시 요청 객체의 쿠키 프로퍼티를 통해 쿠키 이름으로 접근

req.cookies.name

 

세션

1. express-session 미들웨어 설치

2. 미들웨어 연결

app.use(expressSession({
  resave: false,
  saveUninitialized: false,
  secret: credentials.cookieScret,
}));

3. 요청 객체에서 값을 설정하고, 요청 객체에서 값에 접근

req.session.OOO

 

📌

 

한권으로 읽는 컴퓨터 구조와 프로그래밍 / 조너선 스타인하트 지음 / 오현석 옮김 / 책만

https://ko.javascript.info/

모던 JavaScript 튜토리얼

한권으로 끝내는 Node & Express / 이선 브라운 지음 / 한선용 옮김 / 한빛미디어