웹 서버와 WAS 의 차이

Web처음에는 인터넷 서비스의 종류로  SMTP(전자우편), FTP(파일전송), Telnet(원격접속) 등 다양하게 있었습니다.하지만 팀 버너스리가 SMTP, FTP 를 통해 정보를 주고 받는 것을 비효율적이라고 생각해 www(world wide web) 을 고안하였습니다. 즉 웹이란, 사전적 의미는 거미집 모양의 망이며 인터넷 망 안에서 정보를 공유, 검색할 수 있게 하는 시스템이며, 아까 말한 www 인 world wide web 의 줄임말 입니다.Web Application웹 어플리케이션은 웹에서 실행되는 응용프로그램을 뜻하며, 인터넷을 통한 여러가지의 서비스를 일컫습니다.사용자는 필요한 데이터를 Request(요청) 하고 서버에서는 사용자의 Request 를 수행하며, 요청한 데이터를 Respon..

• format_list_bulleted Java
• · 2024. 11. 17.
• textsms

DLL 이란

DLL 은 Dynamic Link Library 의 약자 라이브러리소프트웨어 개발에서 자주 쓰고 기초적인 함수들을 중복 개발하는 것을 피하기 위해표준화된 함수 및 데이터 타입을 만들어서 모아 놓은 것을 말합니다. 이런 라이브러리는 언제 메인 프로그램에 연결하느냐에 따라서 Static Link 와 Dynamic Link 로 나뉘며,우리가 배우게 될 DDL 은 후자를 뜻합니다.Static Link 정적 링크라고 하며 컴파일 시점에 라이브러리가 링커에 의해 연결되어 실행 파일의 일부분이 됩니다.DLL ( Dynamic Link Library )동적 링크라고 하며 실행 파일에서 해당 라이브러리의 기능을 사용 시에만, 라이브러리 파일을 참조하여 기능을 호출합니다. 정적 링크와는 다르게 컴파일 시점에 실행 파일에 ..

• format_list_bulleted CS
• · 2024. 11. 7.
• textsms

Chrome 으로 기초 디버깅

스크립트 내 에러를 검출해 제거하는 일련의 과정을 디버깅모던 브라우저와 호스트 환경 대부분은 개발자 도구 안에 UI 형태로 디버깅 툴을 구비해 놓습니다. 디버깅 툴을 사용하면 디버깅이 훨씬 쉬워지고, 실행 단계마다 어떤 일이 일어나는지를 코드 단위로 추적할 수 있습니다. 프론트에서도 디버깅이 중요하며, 이 글에서는 Chrome 브라우저에서 제공하는 디버깅 툴을 사용하도록 하겠습니다.기능이 다양하고, Chrome 에 익숙해지면 다른 브라우저에서 지원하는 디버깅 툴을 쉽게 익힐 수 있기 때문입니다.  사용 방법F12 또는 Cmd + Opt + I 를 눌러 개발자 도구를 엽니다.Sources 탭을 클릭해 Sources 패널을 엽니다. 해당 open sources 버튼을 누르면 navigator 가 열리면서 현..

• format_list_bulleted JavaScript
• · 2024. 10. 29.
• textsms

JavaScript 최신 문법 정리

ES6 ~ ES13 version 정리 입니다. 자바스크립트의 혁명이라 할 수 있는 ES6 이후 추가된 자바스크립트 최신 문법 중 자주 이용할 기능들을 정리하였습니다. Numeric Separators 10000000000 과 같은 단위가 큰 숫자의 가독성을 높일 수 있게 언더바 ( _ ) 로 단위를 구분할 수 있는 표현입니다.구분자는 임의의 위치에 마음대로 추가가 가능합니다. console.log(1_000_000_000 + 10_000) // 1000010000 Shorthand Property names 프로퍼티 이름과 value 값의 변수이름과 동일할 때에는 하나로 생략이 가능합니다. const ellie1 = { name: 'Ellie', age: '18',};const name = 'Ell..

• format_list_bulleted JavaScript
• · 2024. 10. 28.
• textsms

Docker 실습

도커는 컨테이너 기반의 오픈소스 가상화 플랫폼 입니다.만약 Docker 에 대한 이론이 궁긍하시다면 CS 부분 Docker 을 읽어와 주시면 됩니다. Docker 을 사용하려면 일단 환경부터 세팅 해야 합니다.저는 node 를 이용한 서버를 만들면서 알려 드리겠습니다. 사전 설치npm init -ynpm i express 또한 Docker 을 좀 더 쉽게 만들고 도와주는 플러그인도 설치하시면 좋습니다. 설치가 완료되면 아래와 같이 코드를 작성해 주시면 됩니다. 그러고 나서 Dockerfile 이라는 이름의 Docker 을 만드시면 됩니다.Dockerfile 은 프로젝트의 최상단에 만들어 주셔야 합니다. 이때 주의해야 할 점은 잘 변경되지 않는 부분은 코드의 상단에 넣어주어야 합니다.도커는 변경되지 않는 ..

• format_list_bulleted CS
• · 2024. 10. 28.
• textsms

Docker

도커 도커는 컨테이너 기반의 오픈소스 가상화 플랫폼 입니다.  오픈소스누구나 도커의 코드를 확인하고 수정할 수 있으며, 무료로 사용할 수 있다는 뜻입니다.가상화 플랫폼하드웨어 리소스를 효율적으로 활용하기 위해 애플리케이션을 격리된 환경에서 실행할 수 있도록 해 주는 기술 도커는 2013.3 에 처음 세상에 알려지게 되었고, go 언어로 개발 중에 있습니다.  컨테이너 ( Container )오늘날 컨테이너라고 하면 주로 선박 운송용 컨테이너를 지칭합니다. 선박 운송시 모든 선적물은 거대한 상자모양의 컨테이너를 통해 패키징 된 후 화물선에 선적됩니다.컨테이너는 구제적으로 표준화, 규격화된 크기를 가지고 있습니다.그래서 컨테이너와 관련된 보관, 운송과 관련된 장비, 제도, 프로세스 등은 모두 국제 표준에 맞..

• format_list_bulleted CS
• · 2024. 10. 26.
• textsms

Tanstack Query

TanStack Query 는 서버로부터 데이터 가져오기, 데이터 캐싱, 캐시 제어 등 데이터를 쉽고 효율적으로 관리할 수 있는 라이브러리 입니다. React Query 라는 이름으로 시작했지만, v4 부터 Vue.js 나 Svelte 등의 다른 프레임워크에서도 활용할 수 있도록 기능이 확장되며TanStack Query 라는 이름으로 변경되었습니다. Tanstack Query대표적인 기능은 다음과 같습니다. 1. 데이터 가져오기 및 캐싱2. 동일한 요청의 중복 제거3. 신선한 데이터 유지4. 무한 스크롤, 페이지네이션 등의 성능 최적화5. 네트워크 재연결, 요청 실패 등의 자동 갱신 Tanstack Query 는 데이터를 패치하는 기능이 있습니다.쿼리 키와 일치하는 캐시된 데이터가 없을 때, 서버에서 새..

• format_list_bulleted 라이브러리
• · 2024. 10. 2.
• textsms

Git

Git Bash 를 찾아서 실행하면 아래 그림과 같이 CLI 명령을 입력할 수 있는 창이 나옵니다.$ 기호와 윗줄에 표시된 경로 등을 합쳐서 프롬프트 라고 합니다. 공부하기전 간단한 용어 설명Git Bash 에서 사용할 기본 CLI 명령어, 즉 폴더를 만들거나 위치를 이동하는 방법등을 간단하게 알려 드리겠습니다.더 자세히 공부하고 싶다면 '리눅스 명령어 공부하기' 와 같은 키워드로 검색하시면 됩니다. pwd : 현재 폴더의 위치를 확인합니다.ls : 현재 폴더의 파일 목록을 확인합니다.cd : 홈 폴더로 이동합니다.cd 폴더이름 : 특정 위치의 디렉터리로 이동합니다.cd .. : 현재 폴더의 상위 폴더로 이동합니다.mkdir 폴더이름 : 현재 폴더의 아래에 새로운 폴더를 만듭니다.로컬 저장소가 있는 현재..

• format_list_bulleted Git
• · 2024. 9. 27.
• textsms