코딩일상

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배씩 증가하게 된다. 아날로그 정보를 디지털로 바꾸기 아날로그와 디지털 아날로그, 디지털 . 이해하고 있는 그 뜻이 맞으며 조금 더 사전적으로 정의하면 아래와 같다. 아날로그 어떠한 물체나 시스템의 상태를 연속적으로 변하는 물리량으로 나타내는것을 말함 디지털 물질 시스템들의 상태를 숫자와 문자등의 불연속적인 값을 신호로 표현하는 것을 뜻함 예시 ) 아날로그 시계 예시 ) 디지털시계 이미지의 디지..

보조 저장장치들은 용량은 엉청나게 늘어났는데 겉으로 보기에는 차이가 없다. 심지어 SD카드도 용량만 커졌지, 외부의 차이는 없다. 하지만 컴퓨터의 회로기판에서 차이점의 발전은 눈으로 차이도 보인다. 사진에서 볼수있는 선들이 버스라고 보면 된다. 전자회로는 기본 소자가 모여있는데 그 중 가장 중요한 기본 소자는 논리 게이트를 들 수 있다. ※ 소자: 장치, 전자 회로 따위의 구성 요소가 되는 낱낱의 부품 논리회로로서 2개의 입력을 받아서 한개의 출력값을 보내준다. 전자 회로에서 가장 중요한것은 트랜지스터라고 할 수 있다. 트랜지스터를 사용해 논리회로를 만들수 있고, 이 원리로 아무리 복잡한 시스템도 구성할수 있다. 근데 과거의 트랜지스터가 너무 컸는데 기술이 반전해서 회로속에 트랜지스터를 때려 박아버렸고,..

오늘 한 것 들과 공부한 것들 알고리즘 문제 9문제 해결 알고리즘 테스트 응시 한 주 마무리 및 알고리즘 지속공부 계획 정규표현식 이해 및 공부 정리 CS스터디(집적회로와 무어의 법칙) 오늘의 회고 드디어 알고리즘 주차 마무리를 하였다. 정말 방금 시작했던 알고리즘 주차였던 것 같은데, 끝이라니 믿기지가 않는다. 시간이 정말 빨리가는것 같다. 지금쓰고 TIL도 방금쓴것 같은데 또 작성하는 기분이랄까. ㅎㅎ 다시 본론으로 들어가면, 알고리즘을 처음해 봤을 때를 생각을 해보겠다. 그때는 모르는 JS가 가진 내장함수들도 많고 일단, JS가전혀 어떤 건지도 머리속에 정리가 되어있지 않았다. (뭐.. 지금도 딱히..) 그래서 검색을 하고 JS를 파악을 하는데 엄청 난 시간을 보냈었다. 그래도 하루 이틀 지나면서 ..

문제: 같은 단어는 싫어 배열 arr와 정수 n이 주어집니다. 배열 arr의 각 원소는 문자열로 이루어져 있습니다. 이때, 배열 arr에서 중복되는 단어는 전부 제거하려고 합니다. 단, 제거된 후 남은 단어들을 반환할 때는 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["brush", "sun", "brush", "bed", "car"]이고 n이 1이면 중복을 제거한 배열인 ["sun", "bed", "car"]에서 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 제한 조건 • strings는 길이 1 이상, 50이하인 배열입니다. • strings의 원소는 소문자 알파벳으로 이루어져 있습니다. • strings의 원..

padStart와 padEnd 함수는 ES8(ES2017)에 새롭게 추가된 기능이다. pad는 좌우에 특정한 문자열로 채우는 기능이다. padStart 'abc'.padStart(10); // " abc" 'abc'.padStart(10, "foo"); // "foofoofabc" 'abc'.padStart(6,"123465"); // "123abc" 'abc'.padStart(8, "0"); // "00000abc" 'abc'.padStart(1); // "abc" padEnd 'abc'.padEnd(10); // "abc " 'abc'.padEnd(10, "foo"); // "abcfoofoof" 'abc'.padEnd(6, "123456"); // "abc123" 'abc'.padEnd(1); //..

오늘 한 것 들과 공부한 것들 스코프, 함수 스코프, 블록 스코프, 스코프 체인 호이 스팅, TDZ 자바스크립트 객체와 불변성 자바스크립트 기본형 데이터와 참조형 데이터 알고리즘 문제 10문제 해결 오늘의 회고 오늘은 알고리즘 문제를 10문제 가량 풀고 코드를 해석하고 난 후 주어진 과제 였던 자바스크립트가 가진 특성들에 대해 공부하며 포스팅들을 하였다. 기존에 자바스크립트를 쓰면서 그냥 무작정 사용했던 기능들이 각각의 이유들로 작동이 된다는 사실이 신기하면서도 그 과정에서의 대단함도 느낄 수 있었다. 더불어 이 자바스크립트의 언어의 깊이가 어디까지일지도 궁금하며, 정말 배워도 배워도 끝이 없을 거 같다는 생각도 들었다. 하지만, 이제 시작한 만큼 두려워 하기보다는 이 환경에 익숙해지자는 마음으로 꾸준히..