profile
개발하는 겨리
post-thumbnail

@ModelAttribute와 @RequestBody의 차이점

개발하는데 @ModelAttribute를 사용했더니 null 값이 들어가고 @RequestBody를 사용했더니 데이터가 넘어가길래 궁금해서 알아봤다!🤨클라이언트가 전송하는 multipart/form-data 형태의 HTTP Body 내용과 HTTP 파라미터들을 Set

2021년 6월 13일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Components Communication

뷰 컴포넌트는 각각 고유한 데이터 유효범위 가지기 때문에 컴포넌트 간에 데이터를 주고 받기 위해서는 규칙을 따라야함.컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법상위 컴포넌트에서 하위 컴포넌트로 내려보내는 데이터 속성props 속성을 사용하기 위해서는 하위

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Components

화면의 영역을 구분하여 개발할 수 있는 뷰의 기능.컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다.❗ 위에서 등록한 컴포넌트를 화면에서 표시하려면 아래와 같이 컴포넌트 태그(이름)을 추가해야한다.div 태그에 뷰 인스턴스

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Template

뷰로 화면을 조작하는 방법으로 템플릿 문법은 크게 데이터 바인딩과 디렉티브로 나뉜다.뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법가장 기본적은 데이터 바인딩 방식은 콧수염 괄호(Mustache Tag) 이다.✔ div 태그에 Mustache Tag를 이용해 뷰

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Instance

뷰로 개발할 때 필수로 생성해야 하는 코드.모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작한다.관례적으로 Vue 인스턴스를 참조하기 위해 변수 vm(ViewModel의 약자)를 사용한다.el : 대상이 되는 html element 혹은 css

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Reactivity

: 반응성. 값이 변했을 때 이를 감지하고 곧바로 반응하는 것을 의미한다.Object.defineProperty(대상객체, 객체의 특정 속성, { //정의할 내용... }) : 객체의 특정 속성의 동작을 재정의하는 API\-> 이 API를 활용하면 대상객체에 접근할

2021년 5월 4일
·
0개의 댓글

Bash의 개념

유닉스에서 사용하는 커맨드 셸의 일종으로 GNU 프로젝트를 위해 만들어졌다.1987년 브라이언 폭스에 의해 만들어졌다.대부분의 Bash 명령어의 문법은 sh와 호환되어 쓰일 수 있다.다양한 리눅스 시스템, Mac OS X 의 기본 셸이며 수많은 유닉스 계열의 운영체제에

2021년 4월 22일
·
0개의 댓글

[Node.js] 01. 개발 환경 설정하기

1. node.js 설치하기(window 기준) https://nodejs.org/ko/ 접속 > LTS 버전 다운로드 후 설치(그냥 next눌러서 진행) ※ LTS - 서버를 안정적으로 운영해야할 경우 선택 node.js command prompt 실행 node

2021년 4월 7일
·
0개의 댓글
post-thumbnail

[Node.js] 00. 시작하기

크롬 v8 javaScript 엔진으로 빌드된 javaScript runtime.이벤트 기반, 논블로킹 I/O 모델을 사용해 가볍고 효율적패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리 생태계이기도 함cf) runtime : 특정언어로 만든 프로그램들을

2021년 4월 7일
·
0개의 댓글