carrots-day

Protocol 통신 프로토콜 또는 통신 규약은 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙의 체계이다. 즉 통신 규약 및 약속이다. Request/Response의 기반이 되는 HTTP도 protocol의 한 종류이다. HTTP HTTP는 HyperText Transfer Protocol의 약자로 W3 상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데에 쓰인다. 웹 서버랑 브라우저 간의 통신을 위한 규약으로 대략 헤더, 바디의 구조를 띄고 있다. 쉽게 말해 웹 서버와 화면을 보고 있는 클라이언트(브라우저) 간의 티키타카를 위해 규약을 정해놓고 사용한다~ 생각하면 된다. 뒤에 설명할 Request와 Response에서 사용되는 기본 프로토콜이다. HT..

Web Server 웹 서버(Web Server)는 HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말한다. 웹 서버는 어떤 페이지나 이미지, 스크립트 파일과 같은 정적 컨텐츠를 요청하면 그 요청에 맞는 리소스를 반환해주는 역할을 한다. 여기서 말하는 정적 컨텐츠란 HTML, JS, CSS, 이미지, 정적 파일과 같이 특정 작업없이 즉시 응답 가능한 컨텐츠를 말한다. 비유해보자면 우리가 파일 탐색기에서 경로를 입력하면 그에 맞는 디렉토리를 탐색해서 우리 화면에 보여준다. 이처럼 단순히 요청, 요청에 맞는 리소스 반환 역할을 하는 것이 웹 서버다. WAS (Web Application Server) 웹 애플리케이션 서버는 웹 애플리케이션과 ..

Spring 프로젝트 Java 기반 엔터프라이즈 애플리케이션을 위한 포괄적인 프로그래밍 및 구성 모델을 제공하는 Spring framework 프로젝트는 2가지 환경이 있는데, 바로 Spring Legacy와 Spring Boot 다. Spring 프로젝트를 생성해보자. 우리 킹 갓 제너럴 국삐지원 출신들은 전자정부 프레임워크 템플릿이나 Spring Legacy project로 프로젝트를 생성하고 설정하면서 구축할 것이다. 요즘은 교육도 boot로 하려나?.. 기존 프로젝트는 Component Scan, DispatcherServlet, ViewResolver 등 개발자가 설정해줘야 하는 요소가 많고 버전 별 충돌 해결 등 공수가 많다. 기존 Legacy 프로젝트의 경우 비교적 손이 많이 가는 타입이었다..

SVELTE 시작하기 이전 글에서 SVELTE에 대해 알아봤다. 그럼 직접 물고 빨고 해봐야되지 않겠는가. 노인 대학 입학했다 생각하고 처음부터 차근차근해보자. 이쿠죠.. SVELTE 프로젝트 만들기 SVELTE로 프로젝트 구축하는 방법은 2가지가 있다. 1. REPL (Read-Eval-Print Loop) SVELTE REPL은 웹 화면에서 코드를 짜고 바로 테스트해볼 수 있는 도구를 지원해준다. 작성 이후 zip파일로 다운로드 받을 수 있다. 얜 그냥 링크타고 들어가면 바로 테스트해볼 수 있다. >> SVELTE REPL 테스트 웹 2. degit 패키지 리치 해리스, SVELTE 개발자가 만든 패키지로 git에 저장된 svelte/template 패키지를 로컬에 clone하여 새 프로젝트를 생성한..

SVELTE Svelte는 웹 애플리케이션을 구축하는 새로운 방법으로 선언적 구성 요소를 가져와서 DOM을 외과적으로 업데이트하는 효율적인 JavaScript로 변환하는 컴파일러다. 현재 많이 사용되는 프론트엔드 프레임워크는 크게 3가지가 있다. Angular, React, vueJS인데 이 녀석들을 위협하는 새로운 개발 방식이다. 현재 회사에서 난 React를 사용해 웹 앱 개발에 참여하고 있다. React가 확실히 지원하는 기능도 많고 성능도 준수한데다 개발 포럼도 많아 개발하는데 큰 어려움이 없다. 아니 이제 좀 적응하려 하는데.. 요즘 React, VueJS 보다 좋다고 소문난 놈이 이놈이다.. 뭐 하나 적응할라하면 다른 놈이 기어나오네.. 프론트엔드 기술의 수명이 평균적으로 5년이라던데 정말인가..

Typescript 타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. 요즘 구직시 Typescript 사용 경험을 필요로 하는 업체가 많아지고 있다. 뭔가 새로운 언어 같지만 확장자와 일부 문법의 차이를 제외하면 Javascript와 거의 유사하다. 한마디로 정의해보자면 Javascript에 type을 부여해 Java처럼 짤 수 있게 해주는 개발언어라고 생각하면 된다. 특징 이하 Javascript는 JS, Typescript는 TS로 칭한다. 다 쓸라니까 귀찮네 1. 컴파일 언어 (정적 타입 언어) JS는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다. 코드 작성 중 오류를 검출해..

React React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 프론트엔드 취업요건 1위, React다. React는 Facebook 재단에서 개발한 컴포넌트 선언형 라이브러리로 SPA나, 모바일 앱 개발에 사용된다. 이게 무슨 말이냐하면 반복되는 기능이나 콘텐츠들을 컴포넌트 단위로 분리해 레고를 조립하듯 맞는 부분에 끼워서 사용하는 방식을 말한다. 이러한 특성이 SPA 개발 형태를 지니게 해준다. React 특징 선언적 프로그래밍 구조 : 명령형과 다르게 최종목표에 대한 프로그래밍 구조를 띈다. 굉장히 가시적이고 결과론적인 개발 방식을 사용한다. Co..

Github Repository 생성 및 업로드 이제 실제 Github에 소스를 업로드시키는 절차를 해보겠다. 당연히 PC에 git이 설치되어 있어야한다. 안되어 있다면 이전으로 돌아가라. 👉 [ Git.00.이해 ] Github 페이지 회원가입같은 노인대학 절차는 넘어가겠다. 소스 업로드 절차는 다음과 같다. Github Repository (원격저장소) 생성 로컬저장소 생성 원격저장소 추가 소스 스테이징, 메인 브렌치 생성 로컬저장소 commit, 원격저장소 push 각 절차에 맞춰 설명한다. 1. Github Repository (원격저장소) 생성 로그인한 뒤 페이지 좌측상단에 보면 New 버튼이 있다. 클릭해주면 Repository에 대한 정보를 입력하는 화면이 나온다. 초등학교 영어배웠으면 앵간..