프론트엔드 기초 프론트엔드란 무엇인가? 웹 개발에서 사용되는 용어로, 사용자가 웹 사이트나 웹 애플리케이션과 상호 작용하는 부분. 즉, 프론트 엔드는 사용자가 직접 보고 조작할 수 있는 웹 화면의 디자인과 기능을 구현하는 역할 참고 사이트 https://www.w3schools.com/ https://codesandbox.io/s/github/codesandbox-app/static-template/tree/master/ HTML head : css에 대한 내용을 입력 : 주로 css 파일을 연결 할 때 사용 //태그 선택 $("#idName"); //태그 id 선택 $(".className"); //태그 class 선택 /** * 텍스트 */ //[값 가져오기] $("#idName").text(); /..
SOP (Same-Origin Policy) 어떤 출처(Origin)에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식 Origin이란, Protocol, Host, Port의 조합을 의미 즉, 기본적으로 브라우저는 나의 서버가 아닌 다른 서버의 통신(요청/응답)을 제한 서버가 아닌, 브라우저에 구현된 정책 CORS (Cross-Origin Resource Sharing) 한 출처(Origin)에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제 절차 HTTP 요청의 헤더값에 Origin을 담에서 전송 응답의 헤더값에 Access-Controll-Allow-Origin에 '접근 가능한 ..
HTTP(Hypertext Transfer Protocol) 인터넷에서 데이터를 전송하기 위해 사용되는 프로토콜입니다. HTTP는 기본적으로 클라이언트와 서버 간의 요청(request)과 응답(response)으로 이루어지며, 이러한 요청과 응답은 일반적으로 TCP/IP 프로토콜을 사용하여 전송 HTTP Thread HTTP 요청 처리를 담당하는 단위입니다. HTTP 서버는 클라이언트의 요청을 받으면, 이를 처리하기 위해 새로운 Thread를 생성하게 됩니다. 이때, Thread는 클라이언트의 요청에 대한 응답을 생성하고, 이를 클라이언트에게 반환합니다. 이 과정에서, 새로운 Thread를 생성하는 데에는 일정한 시간이 소요되므로, HTTP 서버가 처리할 수 있는 동시 요청의 수에는 제한이 있습니다. H..
MSA란 하나의 프로그램에 여러가지 기능이 들어간 서비스(Monolithic Architecture)가 아니라 잘게 잘라 낸 하나의 독립적인 서비스로 만들어서 개발 및 운영하는 구조 (ex. NETFLIX, AMAZON) 장점 프로그램 수정, 개선 용이 기존에 쓰던 라이브러리 및 프레임워크 버전업 용이 서비스에 맞게 자유로운 기술 스택 선정 트래픽이 몰리는 서비스는 스케일업을 통해 클라우드 자원 효율적 사용 확장성 장애의 확산 ↓ 운영 기술 docker : 컨테이너 kubernetes : 컨테이너 관리 kafka : 서비스간의 메세지를 빠르고 효율적 제공 prometheus : 서비스 모니터링 단점 개발 복잡도 ↓ / 운영 복잡도 ↑ 버그/이슈 추적의 어려움 사용 하려는 서비스 판단의 어려움 참고 : h..
