You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🗼 OSI 7계층 모델 - 핵심 총정리
OSI 7계층 OSI 7계층은 네트워크 통신이 일어나는 과정을 7단계로 나눈 것을 말한다. OSI 7계층을 나눈 이유는? 흐름을 한눈에 알아보기 쉽고 7단계 중 특정한 곳에 이상이 생기면 다른 단계의 장비 및 소프트웨어를 건들이지 않고도 이상이 생긴 단계만 고칠 수 있기 때문이다. 예를들어, pc방에서 롤을 하고 있는데 연결이 끊겼다. 어디에 문제가 있는지 확인을 하기 위해서는? 모든 PC에 문제가 있다면 라우터의 문제 (3계층 네트워크 계층) 이거나 광랜을 제공하는 회사의 회선 문제(1계층 물리계층) 일 것이다. 한 PC만 문제가 있고 롤 소프트웨어에 문제가 있다면 -> 7계층 어플리케이션 계층 문제 롤 소프트웨어에 문제가 없고 스위치에 문제가 있다면 -> 2계층 데이터링크 계층 문제 라고 판단..
![[백엔드 로드맵] 💻 터미널이란](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmOTUJ%2FbtriwxHaol8%2FqPVkXvaqjOQTK9or9OaPpk%2Fimg.jpg)
[백엔드 로드맵] 💻 터미널이란
터미널이란? 유닉스 기반의 대형 컴퓨터에서 사용자들이 컴퓨터에 접속하기 위해 사용했던 단말기로 개인용 컴퓨터가 보급된 요즘에는 '컴퓨터를 직접 제어하기 위해 사용하는 소프트웨어'를 뜻한다. 우리가 익숙한 그래픽으로 이루어진 GUI보다 텍스트 기반의 CLI(명령어로 컴퓨터를 조작하는 방식)를 통해 터미널을 사용하는 이유는 일부 작업을 완료하는 것이 훨씬 빠르고, 더많은 명령과 스크립트에 접근할 수 있기 때문이다. 사용자가 컴퓨터를 조작하기 위해 명령어를 터미널에 입력하면, 쉘(보통은 Bash)이 해당 명령어를 해석하고 커널이 이를 실행하는 구조. 위에서 언급한 것처럼 터미널은 CLI 방식으로 사용하고자 하는 기능의 명령어를 입력해야 한다. 그러나 윈도우와 유닉스의 명령어는 서로 다르기 때문에 ..
![[백엔드 로드맵] ✈️ 호스팅은 무엇일까요?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fl9Zh4%2Fbtriz78wlm6%2FaYnTxJbqs5JZzrbnairQj1%2Fimg.jpg)
[백엔드 로드맵] ✈️ 호스팅은 무엇일까요?
호스팅이란 호스팅이란 서버나 웹 사이트를 인터넷 상에서 이용할 수 있게 공간을 임대 해주는 서비스입니다. 웹 호스팅은 웹사이트를 구성하는 여러 파일(e.g. 코드, 이미지 등)을 온라인에서 볼 수 있게 해줍니다. 우리가 호스팅을 위해 임대하는 서버의 공간은 호스팅 종류에 따라 다릅니다. 웹 사이트나 웹 페이지를 구성하기 위한 호스팅과, 서버를 열기 위한 호스팅은 관리방법과 제공받는 서비스, 추가적인 서비스등이 다릅니다. 여기서 말하는 공간이란, 우리가 서버를 열기위해 필요한 자원들을 말합니다. CPU, RAM, 하드 디스크, IP Adress, 서버를 설치할 컴퓨터와 컴퓨터의 온습도와 전력 관리등 다양한 자원들을 빌려 직접 운영 하기에는 부담이 큰 다양한 자원들을 빌려 필요한 만큼만 사용할 수 있습니..
![[백엔드 로드맵] 🌐 브라우저와 동작 원리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcEak7d%2FbtriuVVgKBl%2FB0cU0YM8dDyuI2lTvUFOW1%2Fimg.jpg)
[백엔드 로드맵] 🌐 브라우저와 동작 원리
브라우저 동작 원리 우리가 평소에 접하는 이 화면은 도대체 어떻게 나타나게 되는 것일까? 우리는 평소처럼 당연하게 인터넷 주소창에 주소를 입력하고 거기에 해당되는 홈페이지 화면을 접하며 사이트를 돌아다니기만 했지, 이렇게 화면이 보여지는 과정이 어떻게 동작하는지는 생각해보지 못했을 것입니다. 프론트엔드 개발자 역시, HTML과 CSS 문서를 작성하고 Javascript 코드를 짜면서 기대하던 동작을 확인하며 웹 개발을 했을 것이고, 실제로 이 HTML문서가 어떻게 자리를 잡아서 웹 페이지에 각자 자리에 DOM 요소들이 세팅이 되고 CSS 스타일이 적용돼서 그려지는지 생각해볼 기회가 없었을 것입니다. 이 기회에 한번 자세히 알아보죠. 브라우저의 주요 기능 브라우저의 주요 기능은, '선택한 자원..
![[백엔드 로드맵] 🌐 인터넷은 어떻게 작동될까요?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FJD9KY%2FbtriopPIMuY%2FULjK8rSFuB1rklaGkKNCbK%2Fimg.jpg)
[백엔드 로드맵] 🌐 인터넷은 어떻게 작동될까요?
인터넷이란? 정보를 담고 있는 각 컴퓨터들을 TCP/IP 라는 통신 프로토콜을 이용해 서로 정보를 주고받도록 한 컴퓨터 네트워크를 말한다. 인터넷의 역사는 자세히 알려지지 않았지만 1960년대 한 연구 프로젝트에서 시작되었다고 한다. 그리고 1980년대에 들어서 많은 지원이 추가되며 공공 기반의 서비스로 진화해왔다. 인터넷은 지금에 이르기까지 많은 진화를 해왔지만 작동방식 자체는 크게 변하지 않았다. 인터넷은 다수의 컴퓨터를 연결하고 어떤 일이 있어도 연결 상태를 유지할 수 있는 방법을 찾는 방법이다. 인터넷 네트워크 종류 (발전 과정) 단순한 네트워크 A와 B라는 pc가 통신을 하기 위해서는 한개의 통신케이블이 필요하다. 다수의 네트워크 그렇다면 위 사진처럼 다수의 컴퓨터를 연결하는 경우에는 어..
🌐 웹의 비동기(Async) / 동기(Sync) 통신 정리
웹에서의 비동기와 동기 웹 개발을 하다보면 비동기(Async)와 동기(Sync)라는 용어를 자주 접하게 될 것이다. 이 두 용어는 웹에서 데이터를 주고받는 방식을 설명하는데 사용되는데, 동기(Sync)는 요청과 응답이 동시에 일어난다는 뜻이고, 비동기(Async)는 요청과 응답이 동시에 일어나지 않고 나중에 응답하는 것을 말한다. 그렇다면 왜 웹에서는 비동기와 동기라는 방식을 사용하는 걸까? 그리고 이 두 방식은 어떤 장단점이 있고, 어떤 상황에서 적절하게 사용할 수 있을까? 동기 (Sync) 동기(Sync) 통신은 웹페이지를 새로고침하면서 데이터를 불러오는 방식이라고 보면 된다. 예를 들어, 네이버 메일에서 왼쪽 사이드바에 보낸메일함에서 받은메일함으로 바꾸면 메일 리스트 화면 전체가 다시 로딩되는 것..
![[WEB] 🌐 웹 소켓 (Socket) 정리 (역사부터 차근차근)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0KeSL%2FbtrijUh8EXp%2FGjuzv8R3gVipzT91IdrKeK%2Fimg.png)
[WEB] 🌐 웹 소켓 (Socket) 정리 (역사부터 차근차근)
웹 개발을 처음 배우기 시작했다면 서버와 클라이언트의 통신은 모두 HTTP 프로토콜만 이용해서 이루어진다고 생각할 수 있습니다. 하지만 웹 개발을 하면서 채팅, 게임, 주식 차트 등의 실시간 통신이 필요한 서비스를 구현하려 하면 HTTP 프로토콜이 아닌 웹소켓 프로토콜을 사용하는 것이 좋다는 이야기를 흔히 찾아볼 수 있습니다. HTTP의 한계 [백엔드 로드맵] 🌐 HTTP는 무엇일까요? HTTP (Hyper Text Transfer Protocol) HTTP는 서버와 클라이언트가 서로 데이터를 주고받기 위해 사용되는 통신 규약을 말합니다. TCP/IP(Transmission Control Protocol / Internet Protocol)을 이용하며, 사.. inpa.tistory.com HTTP..
![[WEB] 🌐 웹 서비스 구조 (Web서버 / 웹컨테이너 / WAS) 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqTQ9r%2Fbtrijrtsohq%2FyfliKYFaYuFYg2yOJMRWgk%2Fimg.jpg)
[WEB] 🌐 웹 서비스 구조 (Web서버 / 웹컨테이너 / WAS) 정리
Static vs Dynamic 페이지 Static Pages 정적 페이지 데이터베이스에서 정보를 가져오거나 등 별도의 서버에서의 처리가 없어도, 사용자들에게 보여줄 수 있는 페이지. 어떠한 사용자가 오던간에 동일한 페이지를 보여줍니다. Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들 Dynamic Pages 동적 페이지 서버에서 데이터베이스에서 정보를 가져와서 처리하는 것처럼, 어떠한 요청에 의하여 서버가 일을 수행하고 해당 결과가 포함된 파일을 보여주는 페이지. 사용자들마다 다른 페이지가 보여질 수 있습니다. Web Server와 WAS의 차이 Web Server - 웹 서버는 클라이언트가 요청한 정적인 콘텐츠를 HTTP 프로토콜을 통하여 제공..
🌐 애매한 UI / UX / GUI 차이점 정리
UI/UX/GUI 디자인은 혼동하기 쉽고 차이점을 알기 힘든 3가지 단어입니다. UI 는 User Interface UX 는 User Experience GUI 는 Graphical User Interface UX 기획자 (User Experience Researcher) UX 기획자가 하는 말 (출처: 이연주의 브런치) UX 기획자는 사용자를 조사합니다. UI, UX, GUI 중 가장 "User"와 가까이에 있는 직군으로, 사용자의 행동을 분석하고 서비스에서 개선할 부분을 발견합니다. UX 기획자에게 중요한 역량은 데이터를 추출하는 것보다는 사용자의 행동을 이해하여 새로운 서비스를 제안하고 적절한 개선 방향을 찾는 것입니다. UX 기획자는 분석한 내용과 개선 방향을 다른 담당자들이 이해할 수 있게 전..
👩💻 JDBC vs ODBC 차이 정리
JDBC (Java Database Connectivity) Java에서 DB에 접근하여 데이터 조회, 삽입, 수정, 삭제를 가능케하는 것을 말합니다. 다시말해 Java가 Database를 사용할 수 있도록 연결해주는 응용프로그램 인터페이스인 Java API 입니다. 이 응용프로그램 인터페이스는 데이터베이스 관리 시스템에 넘겨질 SQL 형태의 데이터베이스 접근요구 문장을, 각 시스템에 맞도록 바꾸는 역할을 합니다. API는 동적으로 올바른 Java 패키지를 로드하고, JDBC 드라이버 매니저에 등록하기 위한 메커니즘을 제공합니다. JDBC connection는 명령문을 만들고, 실행하는 것을 지원합니다. JDBC란 Java에서 DataBase와 연결하여 작업하기 위해서 Java와 연동되는 DBMS(e..
🌐 URL / URI / URN 차이점 - 한방 이해하기
URL / URI / URN 차이점 우리가 브라우저를 통해 웹을 이용하게 된다면, URL 단어는 익숙할 것이다. 하지만 가끔 뭔가 비스무리하면서도 다른 URI와 URN 이라는 단어를 사용하기도 하는데 이번 시간에는 URL / URI / URN 링크 문자의 명확한 차이를 알아보는 시간을 가져보자. 아래 그림에서 볼수 있듯이, URI는 URL과 URN을 포함하고 있다. 이들의 각 뜻은 다음과 같이 정의할 수 있다. URI - 자원의 식별자 URL - 위치(Location) URN - 이름(Name) URI / URL / URN 정의 URI (Uniform Resource Identifier) 통합 자원 식별자(Uniform Resource Identifier)는 인터넷에 있는 자원을 어디에 있는지 자원 자체..
![[WEB] 🌐 REST API 구성/특징 총 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FHYzJd%2FbtrfzjYMvs0%2FSSnbi88mgK7ZxQ3fIvN6Kk%2Fimg.jpg)
[WEB] 🌐 REST API 구성/특징 총 정리
REST API의 탄생 REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다고 합니다. REST 구성 쉽게 말해 REST API는 다음의 구성으로 이루어져있습니다. 자원(RESOURCE) - URI 행위(Verb) - HTTP METHOD 표현(Representations) REST 의 특징 1) Uniform (유니폼 인터페이스) Uniform Interface는 U..
