코딩일상

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

보조 저장장치들은 용량은 엉청나게 늘어났는데 겉으로 보기에는 차이가 없다. 심지어 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의 원..