- 전체보기(27)
- JavaScript(7)
- 제이쿼리(5)
- jquery(5)
- http(4)
- js(3)
- tcp(3)
- 메소드(3)
- CSS(3)
- 고도몰(3)
- html(3)
- client(2)
- DOM(2)
- Token(2)
- server(2)
- Cache(2)
- 자바스크립트(2)
- session(2)
- API(2)
- 세션(2)
- 토큰(2)
- cookie(2)
- 스코프(2)
- 개발 블로그(1)
- argument(1)
- new 연산자(1)
- 프로세스(1)
- Immutable(1)
- 얉은 복사(1)
- 플랫폼(1)
- Internet Protocol Suite(1)
- scss(1)
- object(1)
- cors(1)
- transport layer(1)
- Kernel(1)
- 3 Way-Handshake(1)
- 깊은 복사(1)
- BEM(1)
- promise(1)
- 호출 스택(1)
- 순수함수(1)
- 인터프리터 언어(1)
- TCP/IP(1)
- clock(1)
- npm(1)
- URI(1)
- GET(1)
- POST(1)
- session storage(1)
- shell(1)
- 4-way Handshake(1)
- stack(1)
- REST(1)
- Proxy(1)
- heap(1)
- 쿠키(1)
- 솔루션(1)
- 샵바이(1)
- 함수형 프로그래밍(1)
- 객체(1)
- Web Storage(1)
- yarn(1)
- velog(1)
- XMLHTTPRequest(1)
- url(1)
- OSI 7계층(1)
- PORT(1)
- 전송 계층(1)
- callback(1)
- OSI 7 Layer(1)
- array method(1)
- 페이지스(1)
- cascading(1)
- 엘리먼트(1)
- 프로토타입(1)
- 매개변수(1)
- Execute Context(1)
- 데이터 단위(1)
- Prototype(1)
- await(1)
- 인트라넷(1)
- Modifier(1)
- 물리계층(1)
- secret mode(1)
- ajax(1)
- bash(1)
- async(1)
- parameter(1)
- XML(1)
- export(1)
- host(1)
- vpn(1)
- 인터넷 프로토콜 스위트(1)
- github pages(1)
- 타입스크립트(1)
- 인수(1)
- 콜백함수(1)
- 스키마(1)
- selector(1)
- 웹 서버(1)
- 벨로그(1)
- cli(1)
- https(1)
- REST API(1)
- JWT(1)
- 컴파일 언어(1)
- Latency(1)
- 웹 호스팅(1)
- npx(1)
- const(1)
- 카페24(1)
- 캐시(1)
- 아키텍처(1)
- interface(1)
- 인터페이스(1)
- 프로토콜(1)
- data type(1)
- segment(1)
- zsh(1)
- 스벨트(1)
- local storage(1)
- new(1)
- 쇼핑몰(1)
- 쇼핑몰 솔루션(1)
- nvm(1)
- 컴파일러(1)
- 선택자(1)
- Constructor(1)
- 웹 브라우저(1)
- bebel(1)
- block(1)
- css selector(1)
- data(1)
- Fetch(1)
- 실행 컨텍스트(1)
- rem(1)
- JSX(1)
- 스크립트 언어(1)
- babel(1)
- code(1)
- call stack(1)
- Throttling(1)
- 체인(1)
- 깃허브(1)
- 원시타입(1)
- 참조타입(1)
- 통신계층(1)
- 프로토타입 체인(1)
- nhn(1)
- em(1)
- closure(1)
- Flag(1)
- 광고수익(1)
- element(1)
- 인터프리터(1)
- chrome(1)
- scope(1)
- xhr(1)
- svelte(1)
- typescript(1)
- 쿠기(1)
- 자사몰(1)
CS 지식 + JavaScript 기본
세그먼트(segment) 영어 뜻 자체로 '분할, 단편, 구분' 등의 의미가 있습니다. 기하학에서는 서로 다른 두 점을 연결하는 가장 짧은 선인 선분입니다. CS에서는 구성 또는 분할의 개념에서 사용하는 기본 단위를 의미합니다. transport layer에서는 교환되
HTTP + OSI 7계층
Bebel 브라우저 별로 최신 ECMAScript(JavaScript) 문법을 지원하지 않는 경우에 대응하기 위해, JavaScript 코드를 이전 버전에서 호환되는 버전으로 변환해주는 컴파일러입니다. 이 덕분에 브라우저 지원 또는 호환을 기다리지 않고 바로 새로운 표
TCP 통신계층 + JavaScript 기본지식 2
Transport Layer(전송 계층)은 End Point 간 신뢰성 있는 데이터 전송을 담당하는 계층입니다. 데이터를 순차적이고 안정적으로 전달해주며, 포트 번호에 해당하는 프로세스에 데이터를 전달합니다. 데이터의 순서를 보장하고, 송수신 과정에서 메모리 한계로 데
React + JS 기초 다지기 1
JSX JavaScript + XML = JSX React는 사용자 인터페이스를 만들기 위한 라이브러리입니다. 프레임워크가 아니고, 다른 라이브러리와 함께 사용하거나 웹, 앱에서 다양한 애플리케이션을 만들어서 렌더링하는데 사용될 수 있습니다. XML HTML에서 태
쿠키, 세션, JWT - 인증방식의 진화
클라이언트가 웹 사이트에 접속할 때 서버가 클라이언트에 남기는 작은 데이터 조각입니다. 저장하고자 하는 정보를 response header에 저장하여 전달하며, key value 형식의 문자열로 구성되어 있습니다.
TCP, 크롬 시크릿 모드, REST API, VPN에 대하여
전송 제어 프로토콜(Transmission Control Protocol)은 인터넷 프로토콜 스위트의 핵심 프로토콜 중 하나로, TCP/IP라는 명칭으로 널리 알려져 있습니다.
쿠키, 세션, 캐시의 차이점이 뭘까? [http cookie, session, cache]
쿠키(Cookie) 쿠키는 웹 사이트가 웹 브라우저를 통해 사용자의 컴퓨터에 남기는 작은 정보 조각입니다. > 웹 사이트(서버) -> 웹 브라우저 -> 사용자 컴퓨터 즉, 쿠키는 웹 사이트를 사용하는 방문자의 웹 경험을 개인화하는데 사용하는 것이죠. 따라서 웹 사이트
HTTP 통신 원리 및 기본지식 1
XMLHttpRequest ajax가 백그라운드에서 계속해서 서버와 통신할 때 XMLHttpRequest 객체를 사용합니다. 대부분의 웹 브라우저들은 XMLHttpRequest 객체를 내장하고 있습니다. 요청 방식 - GET & POST 생성된 XMLHttpReque
ajax 내용정리
AJAX는 Asynchronous JavaScript ana XML의 약자로, 웹 페이지 전체를 렌더링하지 않고 필요한 일부분만 업데이트할 수 있는 기술입니다. 서버와 통신하여 변경 또는 수정이 필요한 데이터를 받아와서 뿌려줄 수 있죠. 이때 JSON, XML
JS의 비동기 동작 - Promise, async & await
1급 객체 어떤 변수에 대응시킬 수 있는 객체를 1급 객체라고 합니다. 자바스크립트에서 함수는 1급 객체입니다. 왜냐하면 특정 변수에 함수 자체를 대응시켜서 사용할 수 있기 때문입니다. 그리고 변수에 함수 자체가 대응될 수 있다면, 함수는 또 다른 함수의 리턴값이 될
[TypeScript] 타입스크립트
자바스크립트의 확장 버전 같은 느낌으로, 자바스크립트 문법에 데이터 타입 기능을 강화해서 사용하기 위한 언어입니다. 자바스크립트는 동적 타입의 인터프리터 언어로 런타임 시 오류를 발견할 수 있는 반면, 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또
[CSS] css 기본 지식 2
css 중첩 시, 적용 우선순위 css 속성이 하나의 태그에 중첩된 경우, 다음 순서대로 우선순위가 결정됩니다. 즉, 우선순위가 높은 항목이 이겨서 우선적으로 적용됩니다. inline style id 선택자 class 선택자 tag 선택자 > 포괄적 inline
[CSS] css 기본 지식 1
다양한 웹 개발 언어를 사용해서 복잡하고 화려하게 기능을 구현하여도, 결국 최종적으로 웹 브라우저에 출력되는 모든 웹 페이지는 HTML로 구성되어 있습니다. 브라우저는 HTML 문법을 해석해서 웹 페이지를 출력하기 때문이지요.그런데 이 웹 페이지를 누군가가 보고 사용할
고도몰 솔루션 용어정리
고도몰은 FQN을 이용하여 Class 파일을 자동으로 인클루드하는 Autoload 시스템을 사용합니다.FQN(Fully Qualified Name)은 네임스페이스의 완전한 이름을 의미합니다. 반드시 네임스페이스와 물리적인 디렉토리 경로가 동일해야 Classloader가
고도몰 아키텍처 작동 프로세스
사용자의 요청이 route로 전달되어 고도몰에서 처리할 준비합니다.Application은 솔루션 구동에 필요한 리소스를 준비하고, 요청에 필요한 Controller를 찾아서 실행합니다.Controller는 사용자의 Request를 처리하고, 템플릿(View)을 찾아 화
[jQuery] 제이쿼리 메소드 2 (+cs 공부정리)
var, let, const 호이스팅 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동한다는 의미입니다. 스코프 함수 스코프(function-scoped) var 는 함수 스코프입니다. 블록 스코프(block-scoped) let과 const는 블록
[jQuery] 제이쿼리 메소드(+cs 공부정리)
jQuery 메소드 클릭 이벤트 마우스엔터 이벤트 마우스호버 on 선택한 요소에 대해 다중 이벤트 처리기를 연결해줍니다. 토글(hide) 오늘의 개발지식 CORS cors는 Cross-Origin Resource Sharing 정책을 의미합니다. API AP
[jQuery] 제이쿼리 정리 2
Wrapper jQuery() 또는 $() 로 엘리먼트와 css 선택자로 원하는 요소를 선택하고 동작시킬 메소드를 정해주는 문법을 '감싸주다'라는 의미의 레퍼(Wrapper)라고 합니다. 다음과 같은 형식의 문법을 갖고 있습니다. > jQuery(element .cl
[jQuery] 제이쿼리 정리 1 (+스크립트 언어, 컴파일 언어, 인터프리터 언어, scss, bem)
$(css 셀렉터).메소드()ex) . -> class / 해당 css 셀렉터가 가리키는 모든 엘리먼트에 원하는 메소드(jquery가 제공하는 api)를 동작시킬 수 있습니다. 그리고 모든 제이쿼리 메소드들은 해당 메소드가 동작을 마치고 리턴될 때 자신이 제어했던 엘리