마이크로 프론트앤드는 마이크로 서비스의 개념을 프론트엔드 세계로 확장한 개념이다. 마이크로 서비스처럼 전체 화면을 작동할 수 있는 단위로 나누어 개발한 후 서로 조립하는 방식이다. Main Concept 기술 독립성 각 작동 단위들은 기술적으로 독립적일 수 있어야 한다. 각 작동 단위에 사용된 프론트앤드 기술(React, Vue, Vanilla JS 등)에 상관 없이 조합이 가능해야 한다. 컨텍스트 독립성 각 작동 단위들이 같은 프레임워크를 사용하더라도, 컨텍스트를 공유해선 안된다. 독립적인 애플리케이션을 자체적으로 구축해야 하고, 상태 공유나 전역 변수에 의존해서는 안된다. 네임스페이스를 활용한 분리 각 작동 단위의 격리가 불가능한 경우, 네이밍 컨벤션에 따라 prefix 등으로 네임스페이스를 활용한다..
플젝이 끝난지 벌써 1달이 훌쩍... 오랜만에 기술용어들을 접하면서 멘붕이 왔다. 아니... 나 이거 분명 아는건데? 왤케 생소한거? 똥망의 냄새. 아 난 기억력이 정말 똥파리 수준이라는것조차 망각하고 말았다. 이래서 내가 블로그를 시작했지 참. 멘탈이 탈탈 털리고 정신을 차리고 아주 기초적인 용어들을 다시 잡아볼까 한다. 그 시작은 바로 에이잭스! 뚜둔-. AJAX란?에이잭스로 말할 것 같으면, 일단 위키는 이렇게 설명하고 있다. Ajax는 비동기적인 웹 앱 제작을 위해 어떠한 "조합"을 이용하는 웹 개발 기법이다. 즉, 얘는 그 자체가 하나의 기술을 말하는건 아니고, 그냥 같이 쓰는 몇 개의 기술이 있는데 걔네들을 묶어서 이렇게 부르는 거다. 그렇담, 묶어서 쓴다는 그 기술들은 뭔데? - HTML &..
이전에 자바 웹 프로젝트를 생성하는 것을 설명한 적이 있었당. 요것을 모르겠다면 이전 포스트 읽고오시길. => 2017/06/01 - [Programming/Lib, Tools] - Eclipse :: 이클립스에서 웹 애플리케이션(Web Application) 프로젝트 만들기 이번 포스트에서는 이클립스의 자바 웹 애플리케이션 구조 와 실무의 자바 웹 애플리케이션 구조 를 설명하고 어떻게 다른지 비교하면서 왜. 대체 왜 실무에서는 다른 프로젝트 폴더 구조를 사용하는지를 이야기하며 마무리하도록 하게따. 1. 이클립스 웹 애플리케이션 디렉토리 구조$workspace/프로젝트명/build /classes /src /WebContent /META-INF /WEB-INF /lib 이거슨 이클립스의 자바 웹 애플리케..
미니 Web Application Server(WAS)를 짜려다보니... HTTP의 요청 프로토콜과 응답 프로토콜에 대한 이해가 먼저 필요했다. 왜냐면 HTTP는 요청과 응답의 한 세트로 모든 일이 일어나기 때문! 그래서 이번 포스트에서는 요청 프로토콜에 대해 다뤄보도록 하겠다. 요청 프로토콜(Request Protocol)HTTP 요청 형식은 다음과 같다. Request-Line CRLF { 메시지헤더 CRLF } * CRLF message-body 참고로 CRLF는 줄바꿈을 말한다. 그니까 '엔터'치는거 말이다. Request-Line이 한 줄 오고 줄 바꿈 후, 메시지 헤더가 온다.메시지 헤더에는 general, request, entity header가 있는데, 이 3개는 여러 개가 올 수 있다...