개발가능구역

VS Code (Visual Studio Code)를 사용해 코드를 작성하거나 마크다운 문서를 만들 때, 백틱( ` )과 작은따옴표( ' )를 혼동하는 경우가 많습니다. 둘 다 비슷하게 생긴 따옴표처럼 보이지만, 사실 이 둘은 사용되는 목적과 기능이 완전히 다릅니다. 이번에 VS Code랑 IntelliJ를 분리 개발하는 프로젝트를 구상중인데 아무래도 VS Code는 처음 써보고, 분리하는 것도 처음이다 보니까 막히기 일수였습니다. 하루 작업량도 못 채우고, 인터넷에 검색하는 데에만 시간을 다 쏟아내게 되더랍니다...근데 인터넷에 나온 거랑 똑같이 코드를 짜봐도 계속 에러가 나는 경우가 많았습니다.그 중에 하나였던 백틱( ` )에 대해 제가 본 것을 알려드리겠습니다. ⭕ 백틱 ( ` )의 기능: 코드를..

IntelliJ에서 백엔드를 담당하는 파트너와 VS Code에서 프론트엔드를 담당하는 파트너를 분리했다는 가정 하에 실습을 하는 방법으로 Mock API가 눈에 보였습니다. 백엔드 서버가 완성될 때까지 기다릴 필요 없이, VS Code에서만 프론트엔드 작업을 하는 연습을 해보려 합니다! 1. 🔍 Mock API란 무엇인가요?Mock API에서 'Mock'은 '흉내 내다', '가짜의'라는 의미입니다. 즉, Mock API는 실제 백엔드 서버가 없거나 실행 중이지 않을 때, 서버의 응답을 흉내 내어 프론트엔드 기능을 미리 개발할 수 있게 해주는 가짜 통신 환경입니다.구분실제 백엔드 통신Mock API (가상 통신)통신 대상백엔드 파트너가 실행 중인 Spring Boot 서버VS Code의 JavaScrip..

이제 IntelliJ에서 Spring Boot와 Thymeleaf로 코딩하던 환경에서, 이제 VS Code를 사용해 프론트엔드(화면)와 백엔드(서버 로직)를 완전히 분리하는 세상으로 진입할 것입니다! VS Code는 써본 적이 없었어서 인터넷에 찾아보고 설치부터 하고~ 기본적인 내용 찾아보고 나온 것들 정리를 해둘까 합니다! 1. 데이터의 공통 언어: JSON (제이슨)이전에는 Thymeleaf가 데이터를 HTML 안에 심어주었기 때문에 별도의 통신 형식에 신경 쓸 필요가 없었습니다. 하지만 이제 프론트엔드와 백엔드는 완전히 남남이 되었어요.둘이 서로 데이터를 주고받기 위해 사용하는 공통 언어가 바로 JSON (JavaScript Object Notation)입니다.구분기존 Thymeleaf 방식새로운 ..