JavaScript 썸네일형 리스트형 Cookie Cookie(쿠키) HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다. MDN에 너무 잘나와있다.. developer.mozilla.org/ko/docs/Web/HTTP/Cookies 쿠키는 stateless한 HTTP 특성에 따라 통신이 끝나면 상태를 유지 하지 않는데, 이때, 클라이언트에서 인증을 하기 위해.. 더보기 SQL https://www.w3schools.com/sql/default.asp SQL Tutorial SQL Tutorial SQL is a standard language for storing, manipulating and retrieving data in databases. Our SQL tutorial will teach you how to use SQL in: MySQL, SQL Server, MS Access, Oracle, Sybase, Informix, Postgres, and other database systems. Start learn www.w3schools.com SQL SELECT 문 SELECT 문은 데이터베이스에서 데이터를 선택하는 데 사용됩니다. SELECT column1, c.. 더보기 CORS 보호되어 있는 글입니다. 더보기 Fetch 보호되어 있는 글입니다. 더보기 Web Architectures 클라이언트 / 브라우저 HTML, CS.JS를 해독할수 있는 브라우저내 데이터 엔진을 통해 컴퓨터가 알수 있도록한다 브라우저는 서버에 정보를 요청할수 있고, 서버에서 응답에 대한 결과를 받을 수있게 한다. https://d2.naver.com/helloworld/59361 서버 리소스를 제공하는 주체 클라이언트가 네트워크를 통해 서버에 접속하여 서버와 연결된 데이터베이스(리소스)를 활용할수 있는시스템. 클라이언트가 서버에 정보요청 -> 서버가 받은 정보를 해석하여 리소스를 바탕으로 응답 클라이언트요청을 처리하고 데이터를 관리한다. API Application Programming Interface 서버의 리소스를 클라이언트에서 쉽게 사용할 수 있도록 마련해 둔 인터페이스. 서버의 구성을 모르거나 리소스 .. 더보기 [Data Structure]Linked List, Hash Table 보호되어 있는 글입니다. 더보기 ES6 의 Class와 Super ES6부터 사용가능한 Class와 Super 키워드를 이용하여 강아지를 만들어보려고 한다. Class 생성하기, Constructor constructor는 생성자라고하는데, class에 생성된 객체를 생성하고 초기화하기 위한 특별한 메소드 이다. class에 하나씩만 가질 수 있으며, 두개이상의 constructor는 SyntaxError가 발생할 수 있다. 또한, class 안에서는 function 키워드를 사용하지 않는다. class Dog{ constructor(name, color, eyecolor){ this.name = name; this.color = color; this.eyecolor = eyecolor; } sit(){ console.log(`${this.name}가 앉았습니다.`) .. 더보기 OOP(Object Oriented Programming) OOP(Object Oriented Programming) 강아지는 회색, 흰색의 털을 가지고 있고, 눈동자색은 파란색과 갈색이다. 이름은 레인이다. 고유한 특성을 가지고 있으나 특성에 관계없이 레인은 강아지라는 종에 포함이 된다. 그리고 또 어딘가에는 또리라는 갈색과 검은색의 털로 덮여 있고, 갈색눈동자를 가진 강아지도 있을 것이다. 강아지들은 앉아 있기도하며, 드러눕기도 하고, 밥을 먹을때도 있다. 강아지를 예제로 OOP에 대해서 알아보려고 한다. 기본적인 구성요소 Calss : Class는 같은 종류의 집단에 속하는 특성들을 정의 한 것이다. 다른 클래스와 독립적으로 만들어야 한다. 레인과 또리는 모두 색이 있는 털로 덮여있으며, 이름이 있고, 눈동자도 있다. 강아지라는 종의 종류에 들어가지만, 휴.. 더보기 [Data Structure] Stack / Queue Stack Stack은 LIFO (Last In First Out) 자료 구조이다. 나중에 넣은 자료가 먼저 나오는 방식이다. 책이나 접시를 쌓아 두면 위에서부터 쌓거나 위에서부터 빼낼 수 있는 구조를 생각하면 된다. 1,2,3 의 순서로 쌓이면, 꺼낼때에는 3,2,1 순으로 리스트 한쪽 끝에서 작업이 이뤄지는 선형구조이다. 자료를 삽입하는 것은 Push , 자료를 꺼내는 것은 Pop 이다. top : Stack의 가장 윗 데이터. 프로퍼티의 현재 위치. 삽입 및 제거 push : Stack에 요소 삽입 pop : Stack의 Top위치의 요소를 제거 size(length) : Stack의 Size 반환 peek : Stack의 Top위치의 요소를 반환 (pop과 달리 제거하지 않는다) isEmpty :.. 더보기 유효성 검사하기 중 getElementsByName 이 작동하지 않을 때 간단히 ID, PW , 연락처 입력 폼에 대해 유효성검사를 해보기로했다. 먼저 간단히 입력 폼을 HTML로 만들어 보았다. See the Pen zYGgJdL by JihaLee (@ayus91) on CodePen. See the Pen jOPgerp by JihaLee (@ayus91) on CodePen. 먼저 HTML문서에서 ID를 가져와서 정상적으로 잘 가져온건지 Console을 실행해보았다. 그러나 전혀 작동하지 않아 당황했고, Input 의 속성을 Name이 아닌 ID로 바꾸니 잘되었다.. 왜그런지 찾아보니 stackoverflow에서 getElementsByName은 NodeList를 반환하기 때문에 Index로 접속해야 한다고 한다. (https://stackoverflow.com/que.. 더보기 이전 1 다음
