본문 바로가기

전체 글

[AWS] AWS VPC와 Subnet 설정
[AWS] AWS VPC와 Subnet 설정 2024. 6. 9. 용어 목록온디맨드사용한 만큼만 비용을 지불하는 것예컨대, 유저수나 트래픽 양에 따라 지불 금액이 달라진다. 특정 상황에 트래픽이 발생했을 때만 추가 비용을 지출한다.또한, 서비스 타입에 따라 서버 타입을 원하는대로 바꿔가며 임대할 수도 있다.(메모리/CPU/GPU 등 각각 많이 필요로 하는 서비스가 있으니까?)온프레미스물리 서버. 기업에 요구 사항에 맞춰 직접 데이터 센터를 구축하는 것을 의미한다. 유지 보수 비용(고정 비용)이 발생한다. 또한, 직접 운영과 관리가 필요하다. (수요와 상관없이) 이는 폐쇄형 배포 모델이다.반대인 오프 프레미스는 클라우드 서버. 임대형과 비슷함. 이를 공개형 배포 모델이라 함.IaaS(Infrastructure as a Service)네트워크와 서버는 구축, OS 및 런타..
[Next.js] Next.js Routing 이모저모
[Next.js] Next.js Routing 이모저모 2024. 5. 29. 지난 시간 동안 React를 다뤄봤다. 그동안 vite를 사용해서 개발했는데, 이제는 SSR도 같이 제공해주는 Next.js로의 프로젝트 이관을 앞두고 있다. 수업 내용도 복기할 겸, 처음부터 다시 코드를 작성해본다.  React의 한계Routing기존 React Router는 일일히 어떤 페이지에 어떤 JSX 페이지를 노출할 지 설정해야줘야 했다. (라이브러리인 리액트는 Router 또한 설치해줘야 한다.) const Router = () => { return ( } /> }> } /> );}; BrowserRouter를 통해 History 객체를 생성해준다. 페이지 이동 시 사용하는 Web..
[SK플래닛 웹 풀스택 ASAC] 2달 다 되어서 쓰는 1개월 회고
[SK플래닛 웹 풀스택 ASAC] 2달 다 되어서 쓰는 1개월 회고 2024. 5. 19. ASAC 웹 풀스택 과정을 시작한지 벌써 두 달이 다 되어간다. 3월 20일에 시작했으니깐... 원래는 1개월차에 회고를 쓰려고 했는데 늘 그렇듯이 기억 저 먼 곳에서 잃어버렸다. 그리고 수업 내용을 작성하고 나면 시간이 남지 않아서 쓰지 못했다.   왜 하게 됐을까작년 3월, 백엔드 개발 교육을 처음 들었을 때 나는 이맘때쯤 개발자가 되어 있을 거라고 확신했다. 좋은 회사는 아니더라도 백엔드 개발자로 커리어를 시작하고 있지 않을까... 당연히 오산이었다. 짧디 짧은 3개월 간의 교육은 그저 찍먹에 불과했다. 게다가 이미 완성형(?) 예비 개발자들이 모여 공백기를 채우기 위한 용도로 해당 교육을 사용했고... 웹 개발이 처음이었던 나는 좌절감을 느껴 추락해버린 자존감을 안고 자연스럽게 개발에 대한 꿈을 ..
Docker
Docker 2024. 5. 8. Docker는 왜 사용할까? Docker는 일관성 보장(Consistency)과 다중 컨테이너 지원(Multiple Containers)을 위해 사용한다.  일관성 보장(Consistency) 어플리케이션이 어떤 머신에서도 정상 및 동일 동작하기 위해서는 어플리케이션이 구동되는데 필요한 모든 것들이 환경과 버전 등이 맞아야 한다. 이를 일관성이라 한다. 이렇게 Docker를 통해 일관성이 보장된 어플리케이션은 어딜가도 자신이 만족하는 딱 그 환경에서 동작이 가능하다. 모든 일관성이 보장되어 있는 음식이 든 밀키트라고 생각하면 된다... 예를 들어 Application 파일, 환경 변수, 런타임 환경과 버전, 라이브러리 등... 어플리케이션마다 필요로하는 라이브러리가 전부 각각 다르고 이 모든 것을 합쳐 ..
HTTPS, CORS
HTTPS, CORS 2024. 5. 2. HTTPS(Secured HTTP)HTTPS는요청을 보내고, 응답을 받는 두 주체만 HTTP 요청 및 응답을 읽을 수 있도록 암호화 하는 것이다. 때문에 MITM(Man-In-The-Middle) 공격 방지가 가능하다. 단일 서버와 다수 클라이언트(웹 브라우저)에서, 단일 서버만 사용 가능한 키는 비공개키, 다수 클라이언트 모두 사용 가능한 키를 공개키라 칭한다.  만약 단일 서버의 비공개키가 빼앗긴다면 해당 서버인 것처럼 모든 요청을 받을 수 있다. 단일 서버의 비공개키 진짜 여부 인증을 위해 CA(인증 기관)를 통해 한 번 더 암호화를 거친다. 웹 브라우저도 마찬가지.* CA: SSL 인증서를 발급하는 기관, 신뢰할 수 있는 기관 대칭키 방식데이터의 암호화, 복호화 둘 다 동일한 키가 사용되는 방식...
Cookie, Session 그리고 Storage
Cookie, Session 그리고 Storage 2024. 4. 30. 웹 브라우저와 웹 서버의 저장소 HTTP는 Stateless Protocol이다 Stateless는 각 프로세스가 시작과 닫음으로 동작하기 때문에, 프로세스 간의 정보 공유가 없다. 때문에 웹 서버 입장에서는 매 요청이 어떤 웹 브라우저가 보낸 것인지 알 수가 없다.  Cookie와 Session으로 Stateful HTTP를 만들 수 있다 웹 서버가 각 웹 브라우저가 누군지 이름표를 붙이기 위해 쿠키와 세션을 사용한다. 가장 처음, 웹 브라우저가 웹 서버에 요청을 보내면 응답과 함께 요청자의 정보(요청한 웹 브라우저)를 반환한다. 웹 브라우저는 이를 요청자 웹 브라우저의 쿠키에 저장한다. 이후부터 웹 브라우저는 서버에 요청을 보낼 때 쿠키에 저장되어 있는 요청자 정보를 헤더에 함께 전달해 "내가 누군지..
웹 구성 간 흐름
웹 구성 간 흐름 2024. 4. 28. 웹 검색 엔진은 어떻게 작동할까만약 세계 모든 웹 서버의 웹 페이지 정보들에 접근이나 조회하고 싶다면, 모든 웹 서버의 도메인 네임(IP 주소)를 통해 직접 일일히 웹 페이지 정보들에 접근해야 할까? 만약 그래야 한다면, 아마 웹 페이지는 사용자 경험이 최악이라고 할 수 있을 것이다. 무엇인가가 대신 세계의 모든 웹 서버의 웹 페이지들을 미리 다 찾아놓고, 분류 및 정리한 뒤에 내 검색어에 따라 적합한 웹 페이지들만 골라 전달해주면 어떨까? 우리는 그 무엇인가를 Google로 정의해보자. Google의 경우 세계 모든 웹 페이지 정보를 수집하는 봇을 통해 웹 크롤링을 실시한다. 예를 들어 나만의 블로그를 개발할 때 sitemap.xml을 통해 "홈페이지 내부에 웹 페이지는 이렇게 연결되어 있다"고 Goo..
웹과 인터넷, DNS
웹과 인터넷, DNS 2024. 4. 24. 웹의 본질이란 무엇인가 웹의 본질은 요청을 주고 결과를 받는 그 사이의 모든 것을 의미한다. 그 요청 - 반환이란 무엇일까? 그 주체는 웹 브라우저와 웹 서버 2개로 구성된다. 웹 브라우저와 웹 서버의 요청과 반환은, 일반적으로 우리가 생각하는 프론트엔드와 백엔드 사이의 데이터나 웹 페이지 교환을 의미한다.  웹 서버와 웹 서버 간의 요청 반환은, Open API 등이 있다. 예를 들면, AWS의 감성 분석 모델인 Comprehend를 사용하려면 AWS Comprehend API를 요청해야 한다. 이는 프론트엔드가 아닌 백엔드에서 요청하기 때문에, 웹 서버간의 요청과 반환이 되겠다.  1. Monolithic 모놀리딕하나의 서버가 모든 서비스를 관장하는 것을 의미한다. 하지만, 만약 ..
JAVA 동작 원리와 객체 지향(은닉화/상속)
JAVA 동작 원리와 객체 지향(은닉화/상속) 2024. 4. 22. Java 동작 원리! 우리가 작성한 Java 코드가 어떻게 웹 서버(혹은 프로그램)가 되는 걸까 1. 기계어로 변환(ByteCode) 가장 기본 원리는 기계어(프로그램/정적)가 머신에서(해석되어) 실행(CPU 및 메모리가 할당되어 실행되면 프로세스/동적)되는 것 Java가 기계어로 변환하는 방법, 컴파일과 런타임 이렇게 기계어와 같은 저급언어로 변환할 때 Java는 컴파일러를 사용한다. 우리가 작성한 Java(.java) 코드를 자바 컴파일러(Javac)를 통해 Bytecode(.class)로 변경한다. 이후 Runtime 과정에서 Bytecodes(.class)를 기계어(Binary Code)로 변경한다. 이 때 자바 엔진(JVM)을 통해 이뤄진다. 자바의 인터프리터는 자바 엔진(JVM)이다. Java..

티스토리툴바