JS

js 클래스

https://cafe.naver.com/hamminglab/21586
1. 자바스크립트
Object -> class
※ 출처 : 유튜브 - 나무소리 자바스크립트

2. React
   Class -> Function(Hook -> 첫글자 useEffect, useState)

JSP 쿠키와 세션

https://cafe.naver.com/hamminglab/21588
session은 JSP 내장객체이므로 별도의 생성과정 없이 바로 사용가능. 주소창에 session.jsp를 입력하여 request하면 서버에서 앞으로 세션값을 저장할 JSESSIONID라는 이름의 쿠키를 함께 response 한다.
JSESSIONID: 톰캣 컨테이너에서 세션을 유지하기 위해 발급하는 키.

js 변수

1. 변수(variable)
2. 상수(Constant)
   • 문자상수(기호상수): const red = '#ff00'
   • 숫자상수
   • 장점: 읽기 쉽다(구분하기 쉽다), 한꺼번에 변경이 가능하다

기타

db에서는?
char 고정, 검색속도 빠름
varchar 가변, 검색속도 느리다

컴파일러와 인터프러터 언어
컴파일러: 전체를 한번에 - 일괄 처리 -소스를 비공개 -어렵다
인터프리터(스크립트): 줄단위 -대화형 언어 - 소스공개 -쉽다

연산자 정리

단항 전위/후위 - 같은 줄일때만 가능
ex)
for(int i=0; i<10; i++)
for(int i=0; i<10; ++i)
이항 산술 논리 나머지
삼항 조건? 참 : 거짓
대입 += (a+=5 -> a = a+5)

자바 같지않다

~(Tilde)
논리 !=
비트: ~=

비트 연산자만 있는것
xor ^=
^(caret)

비트연산자의 사용: 데이터 통신에서
AND : 삭제
OR : 삽입
XOR : 비교

js에만 있는 연산자

5 === '5' false 타입까지 검사

JSP

크롬 개발자 도구에서 가장 많이 사용하는 기능탭 3가지

1. Source
2. Network
3. Application

기타

Node - Client does not support authentication protocol 해결

https://cafe.naver.com/hamminglab/21587

SpringFramework의 3대기능 == POJO(plain old java object)

Spring은 POJO 프로그래밍을 지향하는 Framework 이다.
1. IoC / DI
2. AOP
3. PSA

연산자 관련

2. 주소(Address) 패턴. 어셈블리언어의 차이
   0주소: 스택
   1주소: a=2
   2주소: a=a+b
   3주소: c=a+b

프로그램 개발

1. 기본패턴(제어문 ,연산자, 자료구조, 알고리즘)
2. 클론코딩(200제등)
3. 직접 작성하면서 오류를 찾아감

비동기 처리 == SPA - 구글지도

1. 일반적인 웹: 웹 - JQuery - SSR
2. 다이나믹한 웹: React - Axios - CSR - SEO(검색의 최적화 구현이 안됨) -> 그래서나온 NextJS

백단
대량의 데이터: JSP, Spring, SpringBoot -> TomCat
소량의 데이터일때: Node -> express

웹페이지 틀
SPA(예전) : frame 태그
MPA :

웹 퍼블리싱 : 시멘태그
JSP : 인클루드(include)
Spring : 타일즈
SpringBoot : 타임리프
-----------------------------> 최근엔 위 모두 JSON(데이터만 전달)으로 바뀜
SPA(예전): 리액트./Vue.js/Svelte