코딩일상

22년 7월 4번째 주 내가 한 것들(TIL을 참고하여 작성) JS 배열 수정 관련 메서드랑 조금은 친해졌다.(map, filter, reduce..) CS지식들 업데이트(하드웨어, 비트, 바이트, 아날로그,,, ) 개발 블로그 카테고리 업데이트 JS특징 호이 스팅, TDZ, 싱글 스레드, 데이터, 스코프,,, 정규표현식(보기에 어렵다..) Node.js 시작 동기, 비동기, promise, async/await, Ajax REST API복습 및 적용 연습 파라미터, 프로토타입, 콜백 함수 일주일 동안 오류들에 대한 트러블 슈팅들 기록 모던 자바스크립트 딥 다이브 독서 시작 주간 회고 하루하루 TIL을 쓸 때면 이렇게 긴 하루를 보냈는데 딱히 한 게 없다고 느껴져 좌절감을 느꼈었는데, 그래도 열심히 하루..

들어가기 앞서 ES5/ES6 문법 차이를 왜 알아야 하는가? 물론 현재 자바스크립트로 개발을 하게되면 ES6+를 통해서 개발이 진행이 될 것입니다. 그래도 왜 ES5을 알아야 하는 이유는 과거에 만들어진 JS코드를 리팩토링 해야할 경우도 있고 모든 회사가 항상 최신 문법을 쓰지 않기 때문입니다. 또한, 과거와 현재가 뭐가 어떻게 달라졌는지를 알게되면, 현재 기준에 대한 이해도를 올릴수도 있으며, 언제가 현재의 최신코드도 과거의 코드가 되어 쓰레기 취급 받을수도 있기에 이러한 변화와 차이를 아는것이 중요하다 생각합니다. 그리고 특히ES5/ES6의 차이를 물어보는 이유는 이 버전업데이트에서 기능추가된 점들이 지향하는 바의 차이가 크기 때문입니다. ES5/ES6의 각각의 특징 ES5(출시년도2009)는 HTM..

ES?? ES는 ECAMScript의 약자이다. 그렇다면 ECAMScript란 무엇일까?? 자바스크립의 표준화기준을 말을한다. 그렇다면 자바스크립트 표준화는 왜 만들어졌을까? 1995년, 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기위 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로한다. 그래서 탄생한 언어가 브렌덴 아이크가 개발한 자바스크립트이다. 자바스크립트라는 이름이 붙기까지 1996년 3월 넷스케이프 커뮤니케이션즈의 웹브라우저인 넷스케이프 네비게이터2에 탑재가되었고 "모카"로 명명이 처음되었다. 그러다 그해 8월 라이브 스크립트로이름이 바뀌었다가. 12월에 자바스크립트라는 이름으로 최종적으로 결정되었다. (추가 그..

오늘 한 것 들과 공부한 것들 CORS?? 란?? CS스터디(비(bit)트와 이진수(binary number) SyntaxError의 의미!!(막일.. 2시간 만에 알아냈다... 눈 빠질 뻔..ㅜ) 라우터란?? 그리고 만들기 일요일 공부할 목록 작성.. 너무 많다..ㅜ 모던 자바스크립트 딥 다이브 독서 1시간 REST API에 대한 이해도 상승(?) 오늘의 회고 주특기를 본격적으로 시작하니 2일 차 아직까지 코드들이 나랑 친하진 않은 듯하다. 어색한 사이인데 어쩔 수 없이 같은 테이블에 단 둘이서 앉아 있는 느낌이다. 노력을 더 해봐야겠다 내가 더 다가가야겠지..ㅜㅜ 우선 느낀 점은 미니 프로젝트 때 했던 Flask로 서버를 만드는 것처럼 상당히 JS도 쉬운 편(?)인 것 같다. 물론 내가 다른 언어들로..

오늘 한 것 들과 공부한 것들 Node.js 공부 시작 배열과 유사배열 공부 RestAPI의 put patch의 차이 for in/for of의 차이 CS스터디(아날로그의 디지털화) 동기/비동기에 대한 개념공부 웹서버란??등등 IT지식에대해 공부를 진행하였다. 오늘의 회고 오늘부터 주특기 교육을 시작하였다. 기대반 설레임반으로 시작한 프레임워크에 대한 공부였는데, 역시 생각한만큼 쉽지는 않았다. 특히 JS가 가진 특성에 대해 좀더 공부도 하고 백엔드와 관련된 IT지식 프레임워크가가진 특성들에서만 공부를 하기에도 너무나도 방대한 양이고 파고들수록 깊이가 너무 깊었다. 그래서 다시한번 왜 내가 이Node.js를 선택했는지에 대한이유를 좀더 명확하게 하기위해 Node.js의 퍼포먼스 와 다양한장점들을 보면서 ..

Static Pages와 Dynamic Pages Static Pages Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. 항상 동일한 페이지를 반환한다. Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들 Dynamic Pages 인자의 내용에 맞게 동적인 contents를 반환한다. 즉, 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 * Servlet: WAS 위에서 돌아가는 Java Program 개발자는 Servlet에 doGet()을 구현한다. Web Server Web Server의 개념 소프트웨어와 하드웨어로 구분된다. 1) 하드웨어 Web 서버가 설치되어 있는 컴퓨터 2) 소프트..

웹서버란?? 클라이언트로 부터 HTTP 요청을 받아 HTML 문서나 각종 리소스(Resource)를 전달 하는 컴퓨터 웹서버 종류 아파치 HTTP 서버 마이크로소프트 인터넷 정보 서비스(IIS) Google Web Server Lighttpd LightSpeed NGINX Node.js - 자체 웹 서버를 내장하고 있다. WebtoB Zeus 웹서버의 기본동작과정 클라이언트는 주문을 하는 고객, 웹서버는 주문을 받는 직원이라 생각하면 편하다. 이때 주문 전달은 브라우저를 통해서 진행한다 직원은(웹서버)에는 요청을 못하고 받은요청에 대해서 답변만가능하다. 브라우저를 통해 HTTP request로 웹사이트를 웹서버에 요청합니다. 이후 웹서버는 요청을 승인하고 HTTP response를 통해 웹사이트 데이터를..

REST API의 put 과 patch 는 어떤 차이점이 있을까요? HTTP Method 중에 PUT와 PATCH는 리소스의 업데이트를 의미한다. 리소스를 업데이트 한다는 점에서는 같은 역할을 하는 메소드처럼 보이지만 두개의 요청에는 약간의 차이가 있다. PUT : 리소스의 모든 것을 업데이트 한다. PATCH : 리소스의 일부를 업데이트 한다. 예를 보면서 같이이해 아래와 같은 회원이라는 리소스가 있다. 회원 (member) 1 이름 (name) 애용이 나이 (age) 10 성별 (gender) M 아래와 같은 요청을 보내면 PUT /members/1 { name : "홍길동", age : 19, gender : "M" } 회원 (member) 1 이름 (name) 홍길동 나이 (age) 19 성별 (..

안녕하세요. 이번 시간에는 배열과 유사배열에 대해서 살펴보겠습니다. 배열은 다들 아실겁니다. 그런데 유사배열은 잘 모르는 입문자분들이 많이 계십니다. 한 번 둘의 차이를 알아봅시다. var array = [1, 2, 3]; array; // [1, 2, 3] var nodes = document.querySelectorAll('div'); // NodeList [div, div, div, div, div, ...] var els = document.body.children; // HTMLCollection [noscript, link, div, script, ...] nodes와 els는 프론트엔드 개발을 하다보면 많이 접하는 친구들이죠. 위 예제에서 array는 배열이고, nodes와 els는 유사배열..

연속과 불연속 컴퓨터는 사람에게 익숙한 10진수가 아닌 2진수, 비트라는 단위로 0과 1로 정보를 표현한다. 비트(Bit)는 자료를 표현하는 최소 단위이며 숫자, 문자, 이름, 사진, 영화 등 모두 비트가 모여서 표현되는 것이다. 8비트(Bit)는 1바이트(Byte)이며 바이트 이상의 단위는 전부 이전값의 1024배씩 증가하게 된다. 아날로그 정보를 디지털로 바꾸기 아날로그와 디지털 아날로그, 디지털 . 이해하고 있는 그 뜻이 맞으며 조금 더 사전적으로 정의하면 아래와 같다. 아날로그 어떠한 물체나 시스템의 상태를 연속적으로 변하는 물리량으로 나타내는것을 말함 디지털 물질 시스템들의 상태를 숫자와 문자등의 불연속적인 값을 신호로 표현하는 것을 뜻함 예시 ) 아날로그 시계 예시 ) 디지털시계 이미지의 디지..