Web 검색 결과

해당 글 36건

[Node.js] http모듈 활용 - REST API와 라우팅

Node.js 교과서를 통해 공부한 내용을 바탕으로 포스팅합니다. 1. REST API란? REST API는 REpresentational State Transfer의 약어로 네트워크 구조의 한 형식입니다. 서버의 자원을 정의하고, 자원에 대한 주소를 지정하는 방법을 가리킵니다. 주소는 의미를 명확히 전달하기 위해 명사로 구성합니다. - 예시 /user : 사용자 정보에 관련된 자원 요청 /post : 게시글에 관련된 자원을 요청 또한 주소 외에도 총 다섯개의 HTTP 요청 메서드 라는 것을 사용합니다. GET : 서버 자원을 가져오고자 할 때 사용 POST : 서버에 자원을 새로 등록하고자 할 때 사용 PUT : 서버의 자원을 요청에 들어 있는 자원으로 치환할 때 사용 PATCH : 서버 자원의 일부만..
Web/Node.js 2020. 3. 14. 03:38

[Node.js] Node.js란?

1. Node.js 란? 공식 사이트의 정의는 아래와 같습니다. NodeJS 는 구글 크롬의 자바스크립트 엔진 (V8 Engine) 에 기반해 만들어진 JavaScript 런타임입니다. Node.js는 이벤트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적입니다. Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리이기도 합니다. 위의 설명으로 보면 자바스크립트 런타임이라는 표현이 보입니다. 알고 넘어가야 할게 Node는 웹서버가 아닙니다. 노드는 자바스크립트 애플리케이션이 서버로서 기능하기 위한 도구를 제공하므로 서버역할을 수행할 수 있는 것 뿐입니다. 아파치 웹서버처럼 HTML 파일 경로를 지정해주고 서버를 열고 그런 설정이 없습니다. HTTP 서버를 직접 작성해 서버..
Web/Node.js 2020. 3. 12. 18:12

OAuth 2.0 이란?

1. OAuth이란? OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 이 매커니즘은 여러 기업들에 의해 사용되는데, 이를테면 아마존, 구글, 페이스북, 마이크로소프트, 트위터가 있으며 사용자들이 타사 애플리케이션이나 웹사이트의 계정에 관한 정보를 공유할 수 있게 허용한다. OAuth가 사용되기 전에는 인증방식의 표준이 없었기 때문에 기존의 기본인증인 아이디와 비밀번호를 사용하였는데, 이는 보안상 취약한 구조이다. 기본인증이 아닐 경우는 각 애플리케이션들이 각자의 개발한 회사의 방법대로 사용자를 확인하였다. (예를 들면 구글의 AuthSub..
Web 2020. 3. 10. 18:18

[SpringBoot] 6. JPA Auditing 적용하기

더보기 책을 활용해 공부한 내용을 정리할 예정입니다. [SpringBoot] 1. 인텔리제이, 스프링 부트 시작하기 [SpringBoot] 2. 테스트 코드 작성해보기 [SpringBoot] 3. 기존 코드에 롬복 적용시키기 [SpringBoot] 4. 프로젝트에 Spring Data Jpa 적용시키기 [SpringBoot] 5. 등록, 수정, 조회 API 만들기 1. JPA Auditing이란? 보통 엔티티에는 데이터의 생성, 수정 시간을 포함하게 되는데 매번 DB에 삽입하기 전, 갱신하기 전에 날짜 데이터를 등록, 수정하는 코드가 여러번 들어가게 됩니다. 반복적인 코드를 줄이기 위해 JPA Auditing을 활용한다. spring-data-jpa에서 제공하는 기능으로 생성시간, 수정시간을 자동으로 넣..
Web/SpringBoot 2020. 3. 10. 17:29

[SpringBoot] 스프링 웹 계층

1. Web Layer 흔히 사용하는 컨트롤러(Controller)와 JSP/Freemarker 등의 뷰 템플릿 영역이다. 이외에도 필터(@Filter), 인터셉터, 컨트롤러 어드바이스(@ControllerAdvice) 등 외부 요청과 응답에 대한 전반적인 영역을 의미한다. 2. Service Layer @Service에 사용되는 서비스 영역이다. 일반적으로 Controller와 Dao의 중간 영역에서 사용된다. @Transactional이 사용되어야 하는 영역이기도 하다. 3. Repository Layer Database와 같이 데이터 저장소에 접근하는 영역이다. Dao(Data Access Object) 영역이라고 생각하면 된다. 4. Dtos Dto(Data Transfer Object)는 계층 ..
Web/SpringBoot 2020. 3. 9. 18:01

[Vue.js] 다국어 처리 - i18n활용하기

최근에 코로나 정보와 관련된 사이트를 제작하며 사이트의 취지에 적합하게 구현하려면 다국어 처리가 필요했습니다. 한글과 영어 두가지 언어를 지원하기 위해 활용한 i18n 활용법에 대해 포스팅합니다. 1. i18n 설치 제일 좋은 참고자료는 공식사이트입니다. 저도 공식 사이트를 보고 따라서 진행했습니다. https://kazupon.github.io/vue-i18n/installation.html#compatibility-note Installation | Vue I18n Installation Compatibility Note Direct Download / CDN https://unpkg.com/vue-i18n/dist/vue-i18n unpkg.com provides NPM-based CDN links..
Web/Vue.js 2020. 3. 6. 23:32

CORS(Cross Origin Resource Sharing)란?

제가 개발할 때 가장 난감했던 문제인데 한번 이해하고 해결하고 나면! 똑같은 상황이 생겨도 당황하지 않고 해결할 수 있더라구요 ㅇㅅㅇㅎ cors가 뭔지 포스팅하겠습니다. 1. CORS(Cross Origin Resource Sharing)란? Cross-Site Http Request를 가능하게 하는 표준 규약입니다. 다른 도메인으로부터 리소스가 필요할 경우 cross-site http request가 필요합니다. 기존 XMLHttpRequest는 보안상의 이유로 Same Origin Policy를 적용해 자신과 동일한 도메인으로만 HTTP요청을 보내도록 제한하였습니다. 즉 cross-origin http 요청을 제한했습니다. 프로토콜, 호스트명, 포트가 같아야만 요청이 가능한 것 입니다. 하지만 지속적..
Web 2020. 3. 6. 23:05

[Vue.js] Spring-boot와 vue-cli 연동, cors문제 해결

이번에 뷰를 스프링부트와 함께 활용해보았는데 빌드된 뷰 파일들이 스프링부트에서 제대로 출력될 수 있게 연동시키는 과정과 개발 중에 axios를 활용해 개발서버에 데이터를 요청하는 방법에 대해 포스팅하겠습니당. 1. Spring-boot의 정적 파일 위치 이해 src>main>resources>static 이 위치에 정적 파일이 위치하게 됩니다. 그렇다면 vue를 빌드했을 때 생성되는 파일들이 저 위치에 들어갈 수 있게 해주어야 합니다. 2. vue.config.js 만들기 1) 디렉토리 설정 module.exports ={ outputDir: "../src/main/resources/static", indexPath: "../static/index.html" }; outputDir - 배포 후 파일을 생..
Web/Vue.js 2020. 3. 6. 21:53