본문 바로가기

학습 기록 (Learning Logs)

 (412)
21장 빌트인 객체 1. 자바스크립트 객체의 분류 3개 표준 빌트인 객체 ECMA 스크립트 사양에 정의된 객체 브라우저, node.js 상관없음 전역 객체의 프로퍼티 별도의 선언 필요 없음 호스트 객체 ECMA 스크립트 사양에 정의 안됨 브라우저, node.js 추가로 제공 객체 Client SIDE: DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Storage, Web component, Web Worker Node.js: API 사용자 정의 객체 사용자가 직접 정의한 객체 2. 표준 빌트인 객체 Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, Wea..
[7주차] 23장 실행 컨텍스트 1. 소스 코드의 타입 ECMA 스크립트 4가지 타입 소스 코드 --> 실행 컨텍스트 생성 전역 코드 전역에 존재하는 소스코드 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지 않는다 전역 코드는 전역 스코프를 생성한다. 전역 변수(var), 전역 함수(함수선언문)를 전역 객체의 프로퍼티와 메서드로 바인딩 한다. 전역 코드가 평가되면 전역 실행 컨텍스트가 생성된다. 함수 코드 함수 내부에 존재하는 소스코드 함수 내부에 중첩된 함수, 클래스 등의 내부 코드는 포함되지 않는다 함수 코드는 지역 스코프를 생성한다 지역변수, 매개변수, arguments 객체를 관리한다 지역 스코프를 전역 스코프와 체인으로 연결한다. 함수 코드가 평가되면 함수 실행 컨텍스트가 생성된다. eval 코드 빌트인 전역 함수 ev..
[6.3] 스프링 데이터 REST 6.1 Rest Controller 작성 @Controller @restController 다중 페이지 어플리케이션 MPA에 사용 클래스 내부에 있는 모든 요청 처리 메서드에 @ResponseBody를 지정하지 않아도 된다. CRUD로 작성 1. get 데이터 조회 @RequestMapping(path="/design") 1) 데이터 가져오기 ex) localhost:8080/design/recent 2) 아이디로 데이터 가져오기 ex) localhost:8080/design/{id} @GetMapping("/{id}") 2. post 데이터 전송, 입력 httpClient.post('http://localhost:8080/design', 보낼 데이터, 헤더).subscribe(taco => this.c..
[6.3] 전통적 웹 사이트 MPA Multi Page Application 서버에서 ---> 새로운 페이지 전송 --> 매번! SPA Single Page Application 전체 페이지를 --> 하나의 페이지에 담아 ---> 동적으로 화면 바꾸기 페이지 변경 안일어남. 그렇게만 보임. 데이터만 ajax로 받아옴. == CSR (Client Side Rendering) 껍데기는 그대로 있음 참고: https://www.huskyhoochu.com/what-is-spa/ @RequestMapping @GetMapping @RequestMapping 다목적 요청 처리 HTTP 메서드가 method 속성 지정 @GetMapping HTTP GET 요청 @Controller 뷰로 보여줄 값을 반환함 즉: html로 데..
[코딩애플][nodeJS] 1주차 새로운 폴더에 1. npm init package.json 으로 뭐 사용하는지 정리해줌 2. npm install express express 는 사전같은 거임 , 설치하면 node_module 폴더 안에 책 개많은 폴더 생김 실행시키는 방법은.. 3. node server.js 서버 재실행 귀찮음..? 4. npm install -g nodemon 5. nodemon server.js 6. 노드몬 작동 안함? executionpolicy를 파워쉘에 써봐 executionpolicy unrestricted --> y html 파일을 nodejs로 불러오기 7. res.sendFile(__dirname + '/index.html'); 아니.. 쿠키 차단 스크립트를 복붙해서 index.html을 경로에 붙여..
[프로그래머스] 기능개발 https://programmers.co.kr/learn/courses/30/lessons/42586?language=java 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr import java.util.LinkedList; import java.util.Queue; import java.util.Iterator; class Solution { public int[] solution(int[] progresses, int[] speeds) { int[] answer = {}; Queue queue =..
챕터4 스프링 시큐리티 4.1 스프링 시큐리티 활성화 dependency 추가 1. 스프링 부트 시큐리티 스타터 2. 시큐리티 테스트 09be91f7-31c2-4ad3-b16d-fd8a30b574a2 이걸 불러오기만 해도 보안 구성이 제공된다. 모든 http 요청 경로는 인증되어야 한다. 어떤 특정 역할, 권한이 없다 로그인 페이지가 따로 없다 -------------------> 로그인 페이지 필요함 http 기본 인증을 사용해서 인증된다 ----------> 서로 다른 http 요청 경로마다 서로 다른 보안 규칙을 적용 ex)홈페이지, 사용자 등록 페이지는 인증이 필요하지 않음 사용자는 하나만 있다. 비밀번호는 암호화해 준다 4.2 스프링 시큐리티 구성 Encoded password does not look like BCr..
질문 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_matches2 W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com if (element.matches(".container, .wrapper")) { wrapper 는 뭐지??? https://ko.javascript.info/searching-elements-dom getElement*, querySelector*로 요소 검색하기 ko.javascript.info for (let ele..

티스토리툴바