고라니는 코딩중👩‍💻

API 란? 그리고 언제 사용되나요? Application Programming Interface의 약자로, 사전적의미로는 OS나 프로그램 사이의 통신에 사용되는 언어나 메시지 형식을 의미한다 웹 개발자의 관점에서 쉽게 예를들어보자. 안드로드나 또는 ios 앱개발자와 협업을 해야할 때, 편리성을 위해 Json이라는 데이터포맷으로 내려주게 되는데, Json 포맷으로 데이터를 전달하는 것이 바로 API 방식이다. 특히 서버끼리 통신할때는 html을 사용할 필요가 없이 데이터의 흐름만이 중요하기 때문에 API 방식을 많이 사용한다. 그전에, String으로만 데이터를 html로 표현해봐요 @Controller public class HelloController { @GetMapping("hello-string..

MVC가 왜 필요한가요? 정적 컨텐츠를 사용하면 안되나요? 대다수의 웹 개발에서는 HTML을 그대로 주는 것이 아니라 서버에서 필요에 따라 프로그래밍 하여 동적으로 바꾸는 작업이 필요하다. 이런 작업을 원활하게 수행하기 위해서는 각각의 역할을 잘 나눌 필요가 있다. 이때 사용되는 것이 MVC! 다시 말해 정적컨텐츠는 파일을 그대로 웹브라우저로 전송하는 것이라면, MVC는 서버에서 파일을 변형하여 내려주는 방식이다. 그렇다면 MVC란? Model, View, Controller의 약자. View는 화면을 그리는 역할만 수행하고, Controller는 내부의 비지니스 로직이나 서버단의 일을 처리하며, Model은 코드내의 데이터 집합을 전달해주는 역할만을 수행한다! 이런 구조를 MVC 구조라고 부른다. he..

정적 컨텐츠 (Static Content)란 무엇인가요? 정적 컨텐츠는 서버에서 어떠한 동작을 하는 것이 아닌 존재하는 html 파일만 그대로 내여주는 작업을 의미한다. 원하는 html파일을 static 폴더에 넣어주면, 해당 html이 웹 브라우저에 그대로 렌더링 된다. 정적 컨텐츠 입니다. 위와 같은 hello-static.html 파일이 static 폴더에 존재한다고 가정해보자. 파일을 실행 후 웹사이트에 접속하여 개발자모드로 코드를 보자. 위에서 타이핑한 코드와 완전히 똑같다! 이처럼 단순히 html 코드를 그대로 출력 시키는 것을 정적 컨텐츠 (Static Content) 라고 부른다. 정적 컨텐츠 (Static Content)는 어떻게 동작하나요? 웹브라우저에서 요청이 들어오면 우선 내장 톰켓..

티스토리에서 기본 제공하는 코드블럭은 너무..너무.. 못생겼다 그래서 코드블럭 내의 테마와 폰트, 그리고 줄간격을 변경해보려고 한다. 1. 우선 플러그인 -> Syntax Highlight (코드 블럭 강조) 끄기 해당 기능이 켜져있으면 테마가 제대로 적용되지 않는다. 테마 적용전 반드시 해줘야하는 작업. 2. 코드블럭 테마 변경 highlight.js demo highlightjs.org 우선 위의 사이트에 접속하여 마음에 드는 테마를 찾는다. 설정 -> 꾸미기 -> 스킨편집을 누른다. 이후 html 코드의 아래에 하단의 코드를 삽입한다. 참고로 본인이 선택한 테마는 Lioshi이기에 끝에 lioshi 라고 입력했다. 위의 사이트에서 마음에 드는 테마로 선택하여, 테마명의 소문자를 제거하고 공백은 -로..