김스트롱의 스트롱 공부 노트
close
프로필 배경
프로필 로고

김스트롱의 스트롱 공부 노트

  • 분류 전체보기 (292)
    • 언젠간쓰겠지... (0)
    • Algorithm (181)
      • 백준(BOJ) (112)
      • BIKO (5)
      • 프로그래머스 (36)
      • SWEA (12)
      • LeetCode (14)
      • Softeer (2)
    • CS (14)
    • Frontend (13)
      • Vue.js (9)
    • Backend (18)
      • Spring (6)
      • Spring boot (4)
      • Node.js (1)
    • DevOps (8)
    • Languages (31)
      • Java (22)
      • JavaScript (7)
      • C++ (1)
    • Design Pattern (1)
    • DataBase (3)
    • Projects (0)
    • Toy Projects (2)
      • C++로 만드는 테트리스 (2)
    • 회고 (0)
    • Git (2)
    • Graphics (1)
      • DirectX (1)
    • UNREAL (3)
      • 오류잡기 (3)
    • Book Study (13)
      • 토비의 스프링 (5)
      • 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (8)
      • API 해킹의 모든 것 (0)
    • CUDA (0)
      • LeetGPU (0)
  • 홈
  • 태그
  • 방명록
JS | Axios 기초

JS | Axios 기초

AJAX (Asynchronous Javascript And XML)자바 스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 뜻한다.웹 페이지를 다시 받아오지 않고도 페이지의 일부분만을 갱신하는 데이터를 불러오는 비동기 방식으로 요청하는 기술이다. 완전히 새로운 문법 / 기술은 아니고 기존에 사용되던 여러 기술을 함께 사용하여, 웹 페이지의 일부분만을 갱신할 수 있도록 해주는 개발 기법이다.Ajax에서 사용하는 기존 기술은 다음과 같다. - 웹 페이지의 표현을 위한 HTML과 CSS - 데이터에 접근하거나 화면 구성을 동적으로 조작하기 위해 사용되는 DOM 모델 - 데이터의 교환을 위한 JSON이나 XML - 웹 서버와의 비동기식 통신을 위한 XMLHttpReques..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 6. 4.
  • textsms

JS | 프로그래밍 방식 네비게이션, 네비게이션 가드

이전 포스트에서 알아봤듯 를 이용하여 선언적인 네비게이션 기능을 구현할 수도 있지만 라우터 객체의 메서드들을 이용하면 프로그래밍 방식으로도 구현할 수 있다. 프로그래밍 방식 네비게이션프로그래밍 방식이란 선언적으로 이동할 페이지를 미리 지정하는 것이 아니라 애플리케이션이 실행 중일 때 조건에 따라 새로운 경로의 라우트를 추가하거나 기존의 라우트를 삭제하는 등의 작업을 할 수 있는 것을 말한다. 라우터 객체에 접근하는 방식은 Options API와 Composition API의 문법이 다른데, 각각은 다음과 같다.Oprions APIComposition APIconst router = this.$router;import { useRouter } from 'vue-router'const router = use..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 6. 3.
  • textsms
JS | 버퍼와 스트림, 동기/비동기, Express, CORS

JS | 버퍼와 스트림, 동기/비동기, Express, CORS

Buffer/Stream파일을 읽거나 쓸 때 한 덩어리로 처리하지 않고 작은 단위로 시간을 절약하는 방법 버퍼(buffer)임시 데이터를 저장하는 물리적인 메모리 공간. 파일을 읽어올 때 버퍼를 이용한다면 모든 데이터를 한 번에 전송하는 것이 아니라 버퍼 하나의 크기만큼씩 전달하게 된다.버퍼가 가득 차면 전송하고 입력이 끝나면 전송하게 된다.  스트림(stream)스트림은 이름과 같이 데이터의 흐름을 나타낸다. 스트림 내부에는 버퍼가 있어, 데이터를 차례대로 처리(전달)할 수 있다.노드에서의 스트림은 크게 3가지가 있다.Writable: streams to which data can be written (for example, fs.createWriteStream()).Readable: streams f..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 5. 22.
  • textsms
JS | 브라우저 캐싱, JS engine, Promise

JS | 브라우저 캐싱, JS engine, Promise

브라우저 캐싱컴퓨터 구조를 배울 때 들어봤던 캐시 메모리를 기억한다면 의미 상 이해하기 어려운 부분은 없을 것 같다.컴퓨터 구조에서 캐시 메모리란, 주 메모리와 CPU 사이에 존재하는 메모리로 CPU와 주 메모리 간의 속도 차이로 인하여 성능이 떨어지자 속도 차이의 간극을 줄이기 위하여 자주 사용되는 데이터를 임시로 저장하는 메모리이다.https://www.lenovo.com/kr/ko/glossary/what-is-cache-memory/?orgRef=https%253A%252F%252Fwww.google.com%252F 캐시 메모리란 무엇인가 | Lenovo 코리아...www.lenovo.com 이와 같이 브라우저에서도 서버 지연 및 로딩 속도 개선, 서버 부하를 줄이기 위하여 캐시를 사용한다.만약 ..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 5. 16.
  • textsms
JS | JavaScript ES6

JS | JavaScript ES6

JavaScript ES6 버전에서 추가된 점ES6부터는 모던 자바스크립트라고 부른다. 주요 추가된 사항은 다음과 같다.1. let, const 키워드 추가이전 TIL에도 작성하였으므로 간단하게 정리하면, ES5까지는 var 키워드로 선언하였는데 이는 호이스팅 및 재선언이 가능하여 예상치 못한 오류가 발생할 수 있다. var호이스팅(hoisting) 문제 발생변수의 선언을 범위의 최상단으로 옮기는 행위이다.단계는 다음과 같다.- 내부에 var 변수로 선언된 코드를 찾아서 메모리를 미리 할당- 호이스팅 후에 코드를 실행함수 단위로 호이스팅- 함수 단위의 scope은 지역변수로 인식.- 함수 이외의 블록 scope은 전역변수로 인식. constconst로 선언한 객체 내부의 값은 재할당이 가능하다.const..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 5. 14.
  • textsms
JS | JavaScript 함수, 활용

JS | JavaScript 함수, 활용

나중에 Vue.js와 React.js를 사용하려면 Vanilla JS를 잘 알아야 하므로 열심히 공부해야겠다!  컴포넌트 기반 개발 방법론 JS 기반으로 컴포넌트 기반 개발 방법론(CBD, Component Based Develpment)을 적용한 프레임 워크가 Vue.js와 React.js이다.*컴포넌트 : 특정 기능 수행을 위해 독립적으로 개발된 SW 단위 컴포넌트를 조립하여 시스템을 개발하는 방법론이다.http://wiki.hash.kr/index.php/CBD_%EA%B0%9C%EB%B0%9C%EB%B0%A9%EB%B2%95%EB%A1%A0 CBD 개발방법론 - 해시넷CBD 개발방법론(Component Based Development)이란 컴포넌트를 조합해 재사용함으로써 개발 생산성과 품질을 높이..

  • format_list_bulleted Languages/JavaScript
  • · 2024. 5. 13.
  • textsms
  • navigate_before
  • 1
  • 2
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (292)
    • 언젠간쓰겠지... (0)
    • Algorithm (181)
      • 백준(BOJ) (112)
      • BIKO (5)
      • 프로그래머스 (36)
      • SWEA (12)
      • LeetCode (14)
      • Softeer (2)
    • CS (14)
    • Frontend (13)
      • Vue.js (9)
    • Backend (18)
      • Spring (6)
      • Spring boot (4)
      • Node.js (1)
    • DevOps (8)
    • Languages (31)
      • Java (22)
      • JavaScript (7)
      • C++ (1)
    • Design Pattern (1)
    • DataBase (3)
    • Projects (0)
    • Toy Projects (2)
      • C++로 만드는 테트리스 (2)
    • 회고 (0)
    • Git (2)
    • Graphics (1)
      • DirectX (1)
    • UNREAL (3)
      • 오류잡기 (3)
    • Book Study (13)
      • 토비의 스프링 (5)
      • 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (8)
      • API 해킹의 모든 것 (0)
    • CUDA (0)
      • LeetGPU (0)
최근 글
인기 글
태그
  • #자바
  • #BOJ
  • #정렬
  • #백준
  • #Java
  • #C++
  • #BFS
  • #알고리즘
  • #dfs
  • #PS
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바