기록

Programming/웹(Web)

프론트엔드와 백엔드를 완전 분리해서 개발하고 있는데, 아직 관련 개념이 정확하게 잡히지 않은 것 같아서 일단 내가 보기 편한 방식으로 한 번 정리해둔다. REST API를 고안한 사람의 의도는 HTML 페이지 없이 오는 데이터만으로도 웹 서핑이 가능하게 하는거였다고 한다(view단이 없는거라기보단 view형태가 기존의 HTML이 아니라 JSON 데이터 정도로 변경된 수준). 보통 UI를 담당하는 SPA가 따로 있고(React.js, Vue.js 등등), 그걸로 UI를 만들면 UI에서는 REST API를 호출해서 Json 데이터만 사용하는 것이다. 기존의 JSP개념과는 다른데, Spring 기준에서 말해보면, JSP든 타임리프든 view resolver가 필요없어지는 것이다. SPA형태일 수도 있고 UI전..

2023. 6. 10.

Programming/웹(Web)

www으로 시작하는 주소를 치고 들어가면 어떤 과정을 거쳐서 페이지를 보여주게 될까? www.google.com 을 입력하면 어떤 동작 과정이 일어나나요?와 같은 질문이 면접 질문으로 자주 나온다고 한다. 이는 내가 실제로 면접에서 들었던 질문이기도 한데, 대답을 제대로 못 했던 것이 생각나서 웹의 동작 원리에 대해 한 번 정리해보려고 한다. 일단 Web의 동작 원리에 대해 알아보자. 웹의 동작 방식은 간단하게 이렇게 표현할 수 있다. : 클라이언트가 서버에 요청(request)을 보내면 서버는 요청에 대한 응답(response)을 해준다. 클라이언트와 서버 외에도 여러 가지 다른 요소들의 요청과 응답이 이루어지면서 데이터를 받아온다. Web Client : 사용자가 웹에 접근하는 프로그램(ex.크롬같은..

2022. 9. 23.

Programming/웹(Web)

코드와 컴파일러 등 여러 도구를 이용하여 무엇인가를 만들어내는(build) 것의 결과물은 동작하는 소프트웨어가 된다. 컴파일->빌드->배포 순서인데, 컴파일을 포함한 배포 직전까지의 모든 과정을 '빌드 한다'라고 표현하기도 한다. 코드 작성 후에 컴파일부터 배포하기까지의 모든 과정을 빌드한다고 표현하는 경우도 있는데 회사나 팀마다 다르다. 1. 컴파일 : 사용자가 작성한 코드를 컴퓨터가 이해할 수 있는 언어로 번역하는 일 2. 빌드 : 컴파일된 코드를 실제 실행할 수 있는 상태로 만드는 일 3. 배포 : 빌드가 완성된 실행 가능한 파일을 사용자가 접근할 수 있는 환경에 배치시키는 일 4. 혹은 컴파일을 포함해 war, jar 등의 실행 가능한 파일을 뽑아내기까지의 과정을 빌드한다고도 한다 예를 들어 이클..

2022. 7. 25.

Programming/웹(Web)

2021.2.23 작성 웹 상에서 정보를 접근할 때에는 URL을 통해 접근한다. 사용자가 URL을 통해 어떠한 정보를 요청하면, 웹 서버가 해당 정보를 사용자에게 전달해준다. 이 과정에서 HTTP가 사용된다. HTTP(Hypertext Transfer Protocol) : HTTP는 인터넷상에서 데이터를 주고받을수 있는 텍스트 기반의 프로토콜이다. 하이퍼텍스트(Hypertext)란 화면에서 볼 수 있는 텍스트(데이터)이고 다른 텍스트와 연결될 수 있는 주소를 참조한다. 프로토콜은 일종의 통신 규약이라고 생각하면 되는데 모든 프로그램이 이 규칙에 맞춰서 정보를 교환한다. 사용자가 웹 브라우저를 통해 확인하는 웹 상의 데이터는 HTTP에 의해 전달되는 것이다. HTTP는 웹에서만 사용하는 프로토콜인데 TCP..

2022. 3. 10.