본문 바로가기
728x90

전체 글112

[JavaScript] JavaScript 기본 개념 Javascript 정의웹 브라우저에서 동작하는 유일한 프로그래밍 언어개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어Javascript 탄생 배경1995년 넷스케이프 커뮤니케이션즈에서 브랜던 아이크가 웹 페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 개발을 위해 도입한 언어웹 서버에서 수행되던 로직들이 대거 클라이언트(브라우저)로 이동하면서 웹 애플리케이션 개발에서 프론트엔드 영역이 주목받게 되었다.V8 엔진을 사용하면서 자바스크립트는 데스크톱 애플리케이션과 유사한 사용자 경험(UX)을 제공할 수 있는 웹 애플리케이션 프로그래밍 언어로 정착Javascript 특징가비지 콜렉터를 내장하고 있는 매니지드 언어이다.자바스크립트는 객체지향 프로그래밍과 함수형 프로그래밍.. 2023. 12. 16.
[Node.js] Baekjoon Online Judge - 수리공 항승 (1449) 문제 항승이는 품질이 심각하게 나쁜 수도 파이프 회사의 수리공이다. 항승이는 세준 지하철 공사에서 물이 샌다는 소식을 듣고 수리를 하러 갔다. 파이프에서 물이 새는 곳은 신기하게도 가장 왼쪽에서 정수만큼 떨어진 거리만 물이 샌다. 항승이는 길이가 L인 테이프를 무한개 가지고 있다. 항승이는 테이프를 이용해서 물을 막으려고 한다. 항승이는 항상 물을 막을 때, 적어도 그 위치의 좌우 0.5만큼 간격을 줘야 물이 다시는 안 샌다고 생각한다. 물이 새는 곳의 위치와, 항승이가 가지고 있는 테이프의 길이 L이 주어졌을 때, 항승이가 필요한 테이프의 최소 개수를 구하는 프로그램을 작성하시오. 테이프를 자를 수 없고, 테이프를 겹쳐서 붙이는 것도 가능하다. 입력 첫째 줄에 물이 새는 곳의 개수 N과 테이프의 길이 .. 2023. 12. 16.
[Node.js] Baekjoon Online Judge - 로프 (2217) 문제 N(1 ≤ N ≤ 100,000)개의 로프가 있다. 이 로프를 이용하여 이런 저런 물체를 들어올릴 수 있다. 각각의 로프는 그 굵기나 길이가 다르기 때문에 들 수 있는 물체의 중량이 서로 다를 수도 있다. 하지만 여러 개의 로프를 병렬로 연결하면 각각의 로프에 걸리는 중량을 나눌 수 있다. k개의 로프를 사용하여 중량이 w인 물체를 들어올릴 때, 각각의 로프에는 모두 고르게 w/k 만큼의 중량이 걸리게 된다. 각 로프들에 대한 정보가 주어졌을 때, 이 로프들을 이용하여 들어올릴 수 있는 물체의 최대 중량을 구해내는 프로그램을 작성하시오. 모든 로프를 사용해야 할 필요는 없으며, 임의로 몇 개의 로프를 골라서 사용해도 된다. 입력 첫째 줄에 정수 N이 주어진다. 다음 N개의 줄에는 각 로프가 버틸 수.. 2023. 12. 16.
[WEB] 렌더링이란? 브라우저 렌더링, 리액트 렌더링: DOM과 Virtual DOM의 차이 렌더링 이란?HTML, CSS, JS로 작성된 문서를 해석해서 브라우저에 출력하는 과정서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정 렌더링 방식CSR (client side randering)웹 서버에서 서버는 단지 JSON 파일만 보내주고, 사용자의 행동에 따라 html을 그리는 역할은 JS를 통해 클라이언트 측에서 수행하는 방식 SPA : 는 최초 한 번 페이지 전체를 로딩한 후, 데이터만 변경하여 사용할 수 있는 애플리케이션으로, CSR 렌더링 방식을 사용한다. 이 방식에서는 기본적으로 페이지 로드가 없으며, 모든 페이지는 단순히 HTML5 History에 의해 렌더링된다. 따라서 새로운 데이터를 불러와야 할 시점을 스스로 결정하여 구현해야 한다.장점필요한, 변경된 데이터만 받아서.. 2023. 12. 16.
728x90