SeSACX코딩온

\- document object model\- html문서 요소의 집합으로 node, object에 접근할 수 있다\- dom tree이미지dom treedocument.querySelector('선택자') \- 선택자에 해당하는 첫번째 요소를 가져온다documen

jQuery \- html dom을 더 쉽고 짧은 문장으로 사용하기 위한 자바스크립트 라이브러리 \- download방식과 cdn방식으로 사용가능 \- $('선택자').동작함수(); 형태로 사용 수업중에는 jQuery3X minified cdn을 이용하여 작성함 1.

\- protocol: 정보를 주고받는 양식, 규칙 체계, http, https, ftp, ssh, smtp etc..\- 서버 호스팅(자체 관리, 비쌈) vs 웹 호스팅(저렴, 사용제약)\- 클라우드: 인터넷을 통한 접속 환경\- 클라우드 컴퓨팅: 서버, 네트워크 인

\- commonjs vs ES6(2015)\- commonjs의 모듈 사용법\- ES6의 모듈 사용법\- REST API: HTTP통신에서 CRUD요청을 특정 형태로 전달하는 방식, resource를 특정 method로 요청\- GET: Read, 내용가져오기\- P

Form \- 클라이언트가 서버에게 정보를 전달할 때 사용 \- 속성: action, name, target, method

\- 비동기 HTTP통신: 페이지 이동(새로고침)없이 서버에 데이터를 보내고 응답을 기다리는 동안 다른 처리가 가능한 동적 폼 전송방법\- 웹 문서의 일부 내용이 실시간으로 변경되는 dynamic한 송수신 방법\- Ajax, Axios, Fetch의 세 가지 방법이 있

\- 요청과 응답 사이에서 중간다리 역할을 하는 소프트웨어\- view, static, bodyparser, multer 등이 있다\- multer는 파일업로드를 위한 미들웨어로 npm install multer명령을 통해 모듈 설치가 필요하다\- 프론트단에서 어떤 파

\- 다양한 카테고리의 정보를 저장할 수 있는 구조\- 데이터를 저장하는 구조/자료의 모음\- 파일은 여러 사람이 데이터 기록 공유 가능\- 데이터 중복이 생길 가능성 존재\- 데이터 공유에 제한 존재\- 구현, 유지 보수 어려움\- DataBase Management

\- 속성 이름 끼리 그룹으로 묶어서 출력\- having: group의 결과를 나타내는 그룹을 제한\- 집계함수: sum, avg, max, min, count 등 group by와 주로 함께 사용된다\- WHERE절은 집계함수 사용이 불가능하다\- HAVING조건은

\- MVC폴더 구조에서 Model에 DB를 연결한다\- Controller에서 (req, res)를 받는 작동함수를 작성한다\- 다만 sql명령을 실행하는 함수가 Model파트에 추가되어 해당함수를 Controller에서 받아 사용한다\- 작동과정은 View > Ro

\- Sequelize의 join은 include를 사용하여 작성한다\- include: {model: join하려는모델}\- 관계가설정된 테이블을 대상으로 기본적으로 innerjoin된다\- 관계(relationship)는 아래에서 자세히 다룬다\- 예시코드\- 테이

\- 웹 브라우저(클라이언트)에 저장되는 키와 값이 들어있는 데이터파일\- 이름, 값, 만료일, 경로정보로 구성되어 있다\- 동작방식: 클라이언트 요청 - 서버 쿠키 생성 - 헤더에 쿠키와 응답 - 클라이언트보관 - 쿠키 가진 상태로 요청 - 서버 응답\- 개발자 도구

\- Json Web Token\- OAuth(Open Autorization): 서드파티 어플리케이션이 사용자의 계정에 접근한 수 있는 권한을 부여하기 위한 프로토콜\- OAuth2.0: JWT Bearer Token인증방식을 지원, 클라이언트가 발급받은 JWT를 A

React란? \- 페이스북에서 만든 오픈소스 자바스크립트 라이브러리 \- 데이터 변경이 잦은 복잡하고, 규모가 큰 라이브러리에 적합 \- 특징 1) DataFlow: 단방향 데이터 흐름 2) Component 기반 구조, 여러 UI를 조립해서 화면 구성, 높은 재사용

\- map을 사용하면 배열 데이터를 좀 더 효율적으로 그릴 수 있다\- 배열.map((요소, 인덱스)=> {retrun (html요소 사용가능)})\- 요소는 고유한 값을 가지는 key가 필요한데 고유한 값이 없다면 인덱스를 사용해도 된다. 다만 인덱스는 최후의 수단

\- 클래스형 컴포넌트의 기본기능이었지만 hook의 등장으로 함수형 컴포넌트에서도 사용이 가능해졌다\- 특정 컴포넌트가 렌더링되거나 업데이트, 제거될 때 이벤트를 발생시킬 수 있다\- useEffect()를 사용한다\- 3가지 상황: mount(생성), update(수

\- App에서 사용하는 데이터를 아래의 컴포넌트에서도 사용하고 싶을 때 보통 props를 사용한다\- 그런데 값을 props로 계속해서 넘겨주면 중간 컴포넌트는 값을 넘겨주기만 하는 역할만 하게된다\- 이러한 react의 상태(state)관리를 돕는 방법을 두가지 학

\- js의 기본문법에 자료형 체크기능을 추가한 것\- js가 자의적으로 type해석을 하고 코드 실행시켰을 때, 의도와 다르게 쓰이는 것을 방지\- 선언: let 변수이름: 타입 = 값;의 형태로 선언 및 초기화 가능\- 모듈 설치 후 사용가능\- 사용하려는 폴더에서

\- 매개변수 타입 설정: 필수, 생략 시 오류발생\- 함수 return타입 설정: 생략 가능, return값이 없는 단순 실행함수의 타입은 void\- 함수 실행 시 매개변수 타입, 개수, 순서와 일치하지 않는 값을 넣으면 오류가 발생\- 함수의 return타입은 적

\- 이번 수업은 aws로 배포관련 설정을 해보는 시간이었다\- 항상 느끼는데 수업 중에 설치 수업이 제일 어려움... 뭔가 흐어억하고 따라하다가 놓치고 실수하는 경우가 많다고나 할까..\- aws는 amazon web service의 약자로 세계 1위의 점유율을 차지

\- 오늘 Socket을 이용한 실시간 통신 기능을 배우고 사용해보았다\- socket은 프로토콜의 일종으로 통신규약이라고 한다\- websocket과 socket.io 두 종류를 사용해보았는데 socket.io가 더편리했다tcp/ip는 데이터 통신을 위한 프로토콜으로

\- 오늘은 socket.io를 ejs와 react로 정리하는 실습을 진행했다\- useEffect를 사용하여 socket을 연결하는 부분이 이해하기 어려웠다\- react를 통한 socket설정부터 사용까지 쭉 정리해보기\- npx create-react-app으로

이전에 배울 때는 eclipse로 수업했는데 이번에는 intellij 환경에서 java를 공부하게 되었다.10일, 13일 2일동안 학습한 내용인데 워낙 기초적인 부분이 많아 간략하게 정리해보려고 한다java의 데이터 타입은 기본형, 참조형으로 나눌 수 있다boolean

실행자체가 불가능한 컴파일 에러와 달리 실행 중 의도치 않는 결과가 나오는 것을 의미한다try문안에 예외 발생 가능성이 있는 실행문을 작성하고, catch문에서 예외 발생 시 작동시킬 실행문을 작성, finally에서 예외 발생 여부와 상관없이 무조건 실행할 코드를 작

java기반 백엔드 웹 프레임 워크엔터프라이즈용 java 애플리케이션 개발을 편하게 할 수 있게 해주는 오픈소스 경량급 애플리케이션 프레임워크스프링 프레임 워크의 4가지 특징, IoC, DI, AOP, POJOJava에서 객체를 갱성할 때 의존성을 역전시켜 제어권을 직

매주 월수금, 10시부터 17시까지 진행된 대략 6개월 간의 과정이었다긴 시간이라고 생각했는데 끝나고 보니 정말 금방 지나간 것 같다취업하셔서 수료식까지 참석하지 못한 분들도 꽤 많아서 첫날보다는 적은 인원이지만 다들 마지막날까지 나와주셔서 사진도 찍고 맛있는 것도 먹