분류 전체보기

Web Programming

[WIL] 쿠키(Cookie)와 세션(Session)

웹페이지 접속을 하기 위해 사용되는 HTTP 프로토콜은 상태유지 기능을 갖고 있지 않다. 때문에 새로 페이지를 요청할 때마다 사용자의 정보를 기억하는 등의 데이터 유지는 쿠키나 세션을 이용해야한다. 1. 쿠키(Cookie) - 특징 (1) 클라이언트에 저장 (2) 서버가 주체가 되어 필요한 정보를 지정 (3) HTTP요청마다 메시지에 같이 실어 서버로 전달 - 장점 (1) 서버의 저장공간 절약 - 단점 (1) 보안 취약 : 요청 시 쿠키 값을 그대로 보냄 (2) 작은 허용 용량 : 사이트 당 20개, 모두 합쳐 300개가 최대, 각 쿠키는 4KByte를 넘을 수 없음 (3) 웹브라우저마다 지원 형태가 다름 (4) 웹브라우저를 변경할 경우 다른 웹브라우저에서 저장한 쿠기값을 사용할 수 없음 (5) 사용자가..

Web Programming/JavaScript

[Node.js] package.json이란?

개요 우선 npm에서 공식적으로 정의한 내용이다. You can add a package.json file to your package to make it easy for others to manage and install. Packages published to the registry must contain a package.json file. - lists the packages your project depends on - specifies versions of a package that your project can use using semantic versioning rules - makes your build reproducible, and therefore easier to share wit..

Web Programming/JavaScript

[Node.js] RESTful API란?

개요 RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스입니다. 대부분의 비즈니스 애플리케이션은 다양한 태스크를 수행하기 위해 다른 내부 애플리케이션 및 서드 파티 애플리케이션과 통신해야 합니다. 예를 들어 월간 급여 명세서를 생성하려면 인보이스 발행을 자동화하고 내부의 근무 시간 기록 애플리케이션과 통신하기 위해 내부 계정 시스템이 데이터를 고객의 뱅킹 시스템과 공유해야 합니다. RESTful API는 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따르므로 이러한 정보 교환을 지원합니다. 장점 RESTful API에는 다음과 같은 이점이 있습니다. 확장성 REST API를 구현하는 시스템은 REST가 클라이언트-서버 상호 작용을 최적화..

Web Programming/JavaScript

try/catch와 if/else의 차이점

1. try/catch와 if/else 차이점 try/catch는 try 블록에서 예외가 발생하면 그 즉시 블록이 종료되고 catch 블록으로 제어가 이동된다. try/catch는 블럭이고 if/else는 구문 이라는 점이 다르다. 2. 에러처리 1) try/catch try/catch 문은 정상적인 프로그램 흐름이 아닌 제어할 수 없는 문제에 대한 것이다. 예를 들어 ‘파일에 쓰려고 하는데 파일 시스템이 꽉 찼습니까?’ 이러한 상황은 일반적으로 try/catch로 처리해야 한다. try/catch문은 어떤 예외가 발생했을 경우 try/catch 안의 모든 객체는 스코프를 벗어나 참조할 수 없게 되지만 if/else 문은 스코프가 벗어나지 않게 되므로 try/catch보다 더 위험하다. 또한 활성 스택에..

Web Programming

[WIL] HTTP란?

개요 HyperText Transfer Protocol 또는 HyperTexT Protocol의 약자이다. 문서를 전송하기 위한 프로토콜. 이를 알기 위해 HyperText에 대해 알 필요가 느꼈다. Hypertext 기존의 책과 같은 선형적인 텍스트가 아니라, 월드 와이드 웹에서 사용되는 하이퍼링크와 하이퍼텍스트를 통해서 이어지는 비선형적인 텍스트가 신개념이라는 의미에서 만들어진 용어이다. 굳이 번역하자면, 초월문서라고 할 수 있겠다. 문서의 범주를 뛰어넘는다는 의미이다. (출처 : 나무위키) 역사 CERN에서 일하던 팀 버너스리와 그의 팀원들이 1989년에 월드 와이드 웹을 제안하면서 시작되었다. 잠깐! 월드 와이드 웹 (World Wide Web, WWW)이란? 1989년 3월 12일에 제안되고 1..

Web Programming/JavaScript

[WIL] 콜백함수(Callback Function) 란?

콜백(Callback)은 간단히 말하면 함수 안에서 실행하는 또 다른 함수 이다. 또 다른 함수를 만들 때 인풋(parameters)을 함수로 받아서 사용할 수 있는데, 이 때 인자로 사용되는 함수를 말한다. 즉, 파라미터로 변수가 아닌 함수를 전달하는 것을 말하며, 또한 함수이름 없이 익명으로도 전달 가능한 함수를 일컫는다. function introduce (lastName, firstName, callback) { var fullName = lastName + firstName; callback(fullName); } introduce("홍", "길동", function(name) { console.log(name); }); // 결과 -> 홍길동 introduce 함수를 실행할 때, 첫번째와 두번..

Web Programming/JavaScript

[JS 문법 종합반] 2주차 과제

문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 문제 설명제한 조건 strings는 길이 1 이상, 50이하인 배열입니다. strings의 원소는 소문자 알파벳으로 이루어져 있습니다. strings의 원소는 길이 1 이상, 100이하인 문자열입니다. 모든 strings의 원소의 길이는 n보다 큽니다. 인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. 입출력 예 strings n return ["sun", "be..

Web Programming/JavaScript

혼자 공부하는 자바스크립트 확인 문제

혼자 공부하는 자바스크립트에 있는 확인 문제에 대한 답 1장 자바스크립트 개요와 개발환경 설정 01-1 자바스크립트의 활용 1번 인터넷에 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹 사이트 5개 인스타그램 핀터레스트 나무위키 네이버 스포티파이 2번 Starcounter에서 책을 보고 있는 현재 시점의 웹 브라우저 점유율 Source: StatCounter Global Stats - Browser Market Share 01-2 개발환경 설치와 코드 실행 1번 구글 크롬 개발자 도구의 콘솔을 실행하고 다음 명령을 입력했을 때 나오는 결과를 빈칸에 적어보세요. 코드를 하나 실행할 때 여러 줄의 출력이 나오는 경우 모두 적어주세요. // 1. "안녕하세요" '안녕하세요' // 2. co..

ds123
'분류 전체보기' 카테고리의 글 목록