라쿤의 끄적끄적

JavaScript06 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 듣고 글을 쓰고 있다.(강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript ES Symbol String method (수정 21/02/16 해당 string method는 symbol인 경우의 method였다.오해 하지 말길! string method 는 다음 글에서 다시 알아볼 예정) interface String { /** * Matches a string or an object that supports being matched against, and returns an array * containing the results of tha..

JavaScript05 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 듣고 글을 쓰고 있다.(강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript Object (dict in python) one of the JavaScript's data types. a collection of related data and/or functionality Nearly all objects in JavaScript are instances of Object 오브젝트가 없으면 일일이 변수들을 선언해 주어야 하고 코드의 중복이 많아짐 정리가 어려워 찾기가 어려움 (접근하기도 불편해짐) 즉, 자료의 검색, 정렬, 삭제, 추가가..

JavaScript04 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 듣고 글을 쓰고 있다.(강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript Class vs Object Class는 연관된 데이터를 묶어 정리하는 container 역할 Class는 fields와 methods가 종합적으로 묶여 있음 data class : data인 fields만 들어 있는 Class incapsulation : class 안에서 내부적으로 보여지는 변수, 밖에서 보일수 있는 변수로 나누는 것 inheritance 객체로 잘 정의해서 만들수 있어야 한다. // person 이라는 클래스 class person{ name; /..

JavaScript03 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 듣고 글을 쓰고 있다.(강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript JavaScript functions 각각 프로그램들은 고유한 기능들이 있고 그 프로그램 안에서도 각각의 기능들을 수행하는 function들이 존재함. JavaScript도 java처럼 pure한 Object 언어가 아님 (프로토타입 베이스의 가짜 object 언어) function 을 sub-program이라고 하기도 함! input을 받아서 output으로 return 하는 것이 function임 언어내 내장 함수 또는 API(Application Programmi..

JavaScript02 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 듣고 글을 쓰고 있다. (강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript JavaScript 지난시간 variable vs object primitive variable은 값 자체가 메모리에 할당됨 object 는 const를 통해 오브젝트를 할당하면 실제로는 reference를 먼저 가르켜 메모리에 reference가 할당되고 reference가 다른 값들을 가르킴 JavaScript operator 1. String concatenation (문자 연쇄) str + str = strstr 신기한 것 string num('12&#..

JavaScript01 JavaScript에 대해 공부하기 위해서 유튜브 '드림코딩by엘리' JavaScript 강의를 들었다.(강의를 꼭보길 바란다 너무 잘되어 있다.) 드림코딩by엘리 - JavaScript 물론, documents 를 보는 것도 좋지만 먼저 강의를 보고 documents를 보려고 한다. 정말 강의를 풀어내는 방식이 깔끔하고 의문점 갖게 해주고 잘 설명해 주신다~ 생활코딩님 처럼 너무 잘하신다~ JavaScript의 역사와 미래 Netscapte 회사 Mosaic web Browser(Marc Andreessen) -> Netscape사의 Netscape Navigator 브라우저(1994) "정적인 웹사이트" -> "동적인 웹사이트"에 대한 갈망 Script 언어 추가..

웹 프론트엔드(web front end) 기초01 1. 서버와 클라이언트 클라이언트 : 정보를 요청하는 자 서버 : 정보의 요청을 받아 응답 하는자(정보 혹은 서비스를 제공하는 컴퓨터 or 프로그램) 주의) 상대적인 개념, 서버도 요청을 보낼 수 있음 그러면 반대 관계가 가능 ex) 클라이언트(웹 브라우저) - 요청 > 서버(웹 서버) 클라이언트(웹 브라우저) < 응답 - 서버(웹 서버 , index.html) 2. 웹 동작 원리 HTTP : 리소스를 주고 받는 형식의 약속(프로토콜) 1) 사용자가 웹 브라우저에 url 입력 2) 웹 브라우저가 url 해석 3) 해석결과로 서버에 HTTP 요청 4) 서버 요청 확인 및 요청 문서 찾기 5) 웹 브라우저로 HTTP 응답 송신 6) 웹 브라우저 수신 받은 H..