이번 글부터는 주 단위로 정리할 예정이다. 일 단위로 적으려 했는데 솔직히 매일 적기에는 들어가는 시간도 그렇고 좀 무리이고 중간에 특강을 들으면서 학습 내용을 통으로 적기보다는 요약과 학습 과정 및 회고 위주로 적는 것이 좋다는 조언을 듣고 생각을 해 본 결과 TIL은 주 단위로 배운 내용들을 요약해서 어느 때라도 들여다봤을 때 기억날 수준으로 적는 게 낫다는 판단이 들어서이다. API Application Programming Interface의 약자이다. 위키백과에서의 정의는 다음과 같다. 컴퓨터나 컴퓨터 프로그램 사이의 연결이다. 일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공한다. 그렇다면 인터페이스는 무엇일까. 인터페이스는 서로 다른 복수의 시스템들이 서로 정보나 신호를..

최근 도커에서 MySQL 서버를 띄우고 도커 외부의 로컬 환경에서 접속해야 할 일이 있었다 그래서 서버를 띄우고 자연스럽게 localhost로 접속을 시도했더니 접속이 되지 않는 것이었다 수십 분 삽질 끝에 해결 방법을 찾았는데 그 방법이 어이없게도 간단해서(...) 까먹지 않게 적어두려고 한다 일단 DB 서버를 먼저 띄운다. 편의상 계정은 root : root, 포트는 기본 설정인 3306으로 해두었다. 그리고 localhost로 접속을 해보면 접속이 되지 않는 것을 볼 수 있다. 그래서 혹시 몰라 공유기에서 컴퓨터에 할당한 내부 IP 주소를 넣고 돌렸다. 그랬더니... 그렇다. 로컬 환경에서는 localhost가 아닌 내부 IP 주소를 써야 접속이 된다.

1. 백엔드 웹서버 만든다면서 뜬금없이 웬 백엔드 설명인가 싶겠지만 뒤에서 필요한 내용이니 한번 훑어보고 가자. 백엔드의 구조 위 그림을 보면 알겠지만 백엔드는 크게 세가지, 웹 서버 / 웹 어플리케이션 서버(WAS: Web Application Server) / 데이터베이스로 구분할 수 있다. 웹 서버: 정적 페이지에 대응하는 서버. 동적 페이지 처리는 직접 하지 않고 WAS에 전달하여 처리함. 웹 어플리케이션 서버: 동적 페이지에 대응하는 서버. 데이터 처리 / 연산을 하여 웹 서버에 전달해줌으로써 화면의 내용이나 데이터의 변화를 구현함. 데이터베이스: 데이터를 통합하여 효율적인 관리를 하기 위한 데이터 집합체. 그런데 위의 그림에서 보다시피 웹 서버와 WAS가 분리되어 있는데, 여기서 하나 의문이 ..

[2023. 11. 21 ~ 24 학습 분] 1. HTML HyperText Markup Language의 약자이다. 일단 코드 먼저 보자. Body! 앞서 설명했다시피 웹 상의 정보는 하이퍼텍스트로 표현한다고 설명한 바 있다. 이를 웹페이지의 구조로서 구현한 언어가 HTML이고, 이를 통해 웹페이지를 구성한다. 기본적인 구조는 과 같이 태그를 여닫는 구조이다. 예외인 태그들이 있긴 하나 일부이고 대부분의 태그는 여닫는 구조로 되어있다. 위의 코드를 자세히 살펴보자. - 이 파일이 HTML로 이루어져 있음을 선언한다 - HTML 문서의 최상위 요소. 이 태그 안에 모든 내용을 작성한다 Red Text Blue Text 이렇게 작성하면 된다. 이러면 태그 단위로 CSS를 적용할 수 있다. 그런데 이렇게 하..