Project🐸

JSON(JavaScript Object Notation)이란? JSON은 자바스크립트의 객체 표현식과 유사한 방식으로 데이터를 주고 받는 방법입니다. 자바스크립트 객체와 거의 유사하지만 몇가지 차이점이 존재합니다. JSON은 객체를 정의하지는 않습니다. 즉, 자바스크립트 객체가 아니라 객체 표현식으로 데이터를 표현합니다. 따라서 다른 도메인에서도 요청을 보낼 수 있습니다. var test = { "name" : "coco", "age" : 26, "address : "서울시" } 위와 같은 객체 형식의 표현식으로 쓸 수 있습니다. test라는 객체는 key : value 형식의 표현식입니다. key = "name " : value = "coco" 으로 데이터가 들어갑니다. 이런 JSON 형식으로 데이터..

IntelliJ 개발환경에서 Springboot + MariaDB 작업 중, Cannot resolve table ' customer' 에러가 발생했다. 이런 현상은 IntelliJ가 너무 꼼꼼하게 검사를 해주기 때문에 발생한 것으로, 관련 설정을 변경해주면 해결 된다. Setting > Editor > Inspection > .. > Unresolved database references in annotations 체크 해제 적용 후 확인하면 아래와 같이 빨간줄이 지워진다. ref : https://log-laboratory.tistory.com/285

이번 챕터는 언제 리팩터링 해야 하는가? 어떤 코드가 리팩터링이 필요한 코드인가?에 대해서 다룬다. (적어도 나는)코드가 구조적으로 예쁘지 않아서, 보고 있자니 뭔가 마음 한켠이 불편해서, 같은 '느낌'을 감지하고 리팩터링을 하게 되는데 이런 모호한 기준을 끄집어 내서 문장으로 구체화한 챕터이다. 리팩터링이 필요한 코드가 가지고 있는 공통점, bad smell에 대해서 얘기한다. 무엇이 문제인지 알아야, 그에 따른 해결 방안도 떠올릴 수 있다. 부록B에 보면 bad smell case와 해법이 잘 정리되어 있음. 정리하면서 평소 개발하면서 정립했던 나의 개인적인 의견도 같이 적어 두었음. (인용구로 되어 있는 부분) 3.1 기이한 이름 함수든, 변수든, 클래스든 이름만 보고도 각각이 무슨 일을 하고 어떻..

"프레임워크와 라이브러리의 차이를 아시나요?"" "음... 프레임워크는 뼈대이고 라이브러리는 모듈 같은 것이고....😰" "그럼 최근에 사용하신 프레임워크와 라이브러리를 알려주세요." "... express랑.. 그리고 음.. 모듈은...." 그래서 준비했습니다 !! 📖 간단한 정의 🚗 프레임워크 원하는 기능 구현에 집중하여 개발할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 의미합니다. 애플리케이션 개발 시 필수적인 코드, 알고리즘, DB 연동과 같은 기능들을 위해 어느 정도 뼈대(구조)를 제공하며 이러한 뼈대 위에서 사용자는 코드를 작성하여 애플리케이션을 개발합니다. 앱/서버 등의 구동, 메모리 관리, 이벤트 루프 등의 공통된 부분은 프레임워크가 관리하며, 사용자는 프레임워크가 ..

Intellij 에서 코딩을 하다보면 가끔식 복붙 신공을 할 때 다음과 같은 노란줄을 볼 수 있다. Found duplicated code in ... 라는 메세지가 출력되는데 여간 눈에 거슬리는게 아니다. 해결 방법은 다음과 같다. File –>Settings –> Editor –> Inspections로 들어가서 General –> Duplicated Code 체크를 해제 해준다. 이후에는 다음과 같이 노란선이 사라진 깔끔한 코드를 볼 수 있다 !

cd 명령어 cd 명령어는 change directory의 줄임말로 현재 작업 중인 디렉토리의 위치를 이동하는 명령어이다. cd 명령어 뒤에 디렉토리 이동경로를 입력하면 해당 디렉토리로 이동한다. cd [이동할 경로] ex) cd / : root로 이동 ex) cd log : 현재 디렉토리 내 log 디렉토리로 이동 ex) cd /app/bin : /app/bin 디렉토리로 이동 위와 같이 cd 명령어를 이용해 디렉토리를 이동할 수 있다. cd 명령어는 절대 경로 뿐만 아니라 상대 경로를 통해 상위 폴더나 이전 폴더로 이동할 수 있다. 이러한 cd 명령어는 별도의 옵션이 존재하지 않는다. 절대 경로와 상대 경로 절대 경로는 모든 경로를 처음부터 끝까지 나타낸 것을 뜻한다. 예를 들어 "/home/app/..

VSCode에서 Open in browser 크롬이 default 로 사용하기 위한 세팅 방법을 설명해보겠습니다. 맥 os환경이 아닌 윈도우 환경에서도 같은 방법으로 진행하면됩니다. 1. 먼저 VSCode에서 Open in browser를 설치 하지 않았다면, 'open in browser' 을 설치해준다. 2. 톱니바퀴에서 Extension Settings 클릭 3. Open-in-browser : Default 에서 아래 텍스트 박스에다가 'chrome'이라고 입력합니다. 4. 오픈하고 싶은 html 파일을 우클릭 후 'Open In Default Browser'를 클릭한다. 5. 열고싶은 크롬이 Default가 된 것을 확인할 수 있다. ※ 소스코드 참고 안녕? 안녕! 전송 ref : https:/..

목표 Visual Studio Code(VSCode)에서 프로젝트 폴더(항목)를 추가하고 제거하는 방법에 대해 알아봅니다. 목차 1. 프로젝트 폴더(항목) 추가 방법 2. 프로젝트 폴더(항목) 제거 방법 1. 프로젝트 폴더(항목) 추가 방법 - 상단 메쥬바에서 [File]을 클릭 [Open Folder]를 클릭합니다. 그림 1 - 추가하고자 하는 폴더를 선택하여 [폴더 선택]을 누르거나, 추가하고자 하는 폴더에 들어간 후 [폴더 선택]을 클릭합니다. 그림 2 그림 3 - 사이드 바를 보시면 추가된 것을 확인하실 수 있습니다. 그림 4 2. 프로젝트 폴더(항목) 제거 방법 - 사이드 바에 제거하고자 하는 프로젝트 폴더(항목) 영역에 마우스를 가져간 후 오른쪽 마우스를 클릭합니다.(파일이 없는 빈 공간에 가..

Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다. - 저는 AJAX보다 AXIOS를 훨씬 많이 사용합니다. 브라우저 호환성 Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 11 ✔ axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 HTTP란? 여럽게 생각하지 마세요. 정말 사용하기 쉽습니다. Axios 사용법 ..

찾아본 결과 Controller가 무엇인지 알기 전에 MVC 패턴에 대하여 먼저 아는 것이 중요합니다! ✔️MVC 패턴이란? MVC패턴은 Model-View-Controller의 약자로서 개발을 할 때 3가지 형태로 역학을 나누어 개발하는 방법론입니다. Model 어플리케이션이 무엇을 할 것인지 정의하는 부분입니다. 즉 DB와 연동하여 사용자가 입력한 데이터나 사용자에게 출력할 데이터를 다룹니다. View 사용자에게 시각적으로 보여주는 부분입니다. (UI) Controller Model이 데이터를 어떻게 처리할지 알려주는 역할을 합니다. 사용자에 의해 클라이언트가 보낸 데이터가 있으면 모델을 호출하기전에 적절히 가공을 하고 모델을 호출합니다. 그런다음 모델이 업무 수행을 완료하면 그결과를 가지고 View..