프로그래밍/web Programming 10

[swagger] swagger UI cors 해결

개요 beego + swagger를 사용하려고 할때 swagger 실행 서버랑 web brower 실행 ip가 다를때 cors오류가 발생 하는데 이를 해결하는 방법을 남깁니다. 현상 Fetch error Failed to fetch https://petstore.swagger.io/v2/swagger.json Fetch error Possible cross-origin (CORS) issue? The URL origin (https://petstore.swagger.io) does not match the page (http://1.1.1.1). Check the server returns the correct 'Access-Control-Allow-*' headers. 해결법 swagger 디렉토리 하..

[webpack] 기본 설정

목표 webpack이 무엇인지 알아 봅니다. 최소 설정으로 Webpack을 구현해 봅니다. Webpack이란? 개발시 생성된 여러 javascritp파일 css, 파일 sass 파일, image 파일들은 각각의 대표 파일로 모아서 만들어주는 용도입니다. webpack 설치 1. npm init-y 로 패키지 파일 하나 만들기 - package.jons파일 생김 2. 개발자 모드로 webpack 과 webpack cli 설치 $npm i -D webpack webpack-cli 3. 정상 설치 확인 - package.json 파일 내용중 . devDependencies 에 webpack과, webpack-cli가 설치 됨을 확인 "devDependencies": { "webpack": "^5.72.0", ..

[Maven] 2. Maven 프로젝트 설정

[Maven] 2. Maven 프로젝트 설정 Maven의 Web환경을 정상적으로 사용하기 위해서는 Java의 Compiler 버전 설정 및 Web관련 라이브러리는 추가해주어야 합니다. * 연결된 글 *- 이전 글 ([Maven] 1. Maven 프로젝트 만들기) 1.java Compiler 버전 설정 - Maven 프로젝트 설정시 기본 Java의 사용은 1.5로 되어있습니다. - java 1.5를 1.8 버전으로 변경해주는 작업이 필요합니다. 1) Maven 프로젝트의 설정 정보 열기 - 프로젝트 선택 -> 우 클릭 -> Properties 선택 2) Maven에서 사용되는 Java Compiler 버전 확인 - java Complier 선택 -> 현재 java의 Compiler 버전이 1.5로 되어 있..

[Maven] 1. Maven 프로젝트 만들기

[Maven] 1. Maven 프로젝트 만들기 * 연결된 글 *- 다음 글 ([Maven] 2. Maven 프로젝트 설정) 1. Eclipse에서 Maven프로젝트 생성 - Maven에 대한 설명 참조 포스트([JSP] 6. Maven 이란?) - Java EE Perspective 를 사용 합니다. 1) 프로젝트 생성 - File -> New -> Maven Project 2) 프로젝트 생성 위치 설정 - 기본을 유지 해 줍니다. 2) Maven의 형태 선택 - Web프로젝트이므로, maven-archetype-webapp 로 선택 합니다. 2) 프로젝트의 이름을 정해 줍니다.항목 설명 Group Id 프로젝트를 만드는 그룹, 조직, 회사 등을 나타내는 유일한 이름, 보통 자바 패키지처럼 URI를 거꾸..

Web API란?

Web API란?1. Web API란? - REST API를 완벽하게 구현 하지 못할 경우 Web API라고 한다. - REST의 HATEOAS와 self-descriptive를 만족 못하는 경우가 대부분 Web API라고 칭한다. 2. Web API 디자인 가이드 1) URI는 정보의 자원을 표현해야한다. Ex) (1) GET /members-> 위 표현 방식은 멤버의 모든 정볼ㄹ 달라는 요청이다.잘못된 방식GET /members/delete/1-> GET은 정보를 요청 할떄만 써야 한다. 위와 같이 동사로 삭제 표현을 하면 안된다.(3) DELTE /members/1-> HTTP Method중 하나인 DELETE를 이요하여 삭제를 표현해야한다. 2) 자원에 대한 행위는 HTTP Method(GET, ..

REST API 란??

REST API 란 ?? 1. REST API 목적?? - REST API란 핵심 컨텐츠 및 기능을 외부 사이트에서 활용할 수 있도록 제공되는 인터페이스입니다. - REST는 REpresentational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 2. REST API 정의? - REST 아키텍쳐 스타일을 따르는 API - REST는 분산 하이퍼미디어 시스템(예: 웹)을 위한 아키텍쳐 스타일 * 아키텍쳐 스타일 : 제약 조건의 집합 3. REST 아키텍쳐를 구성하는 스타일? - REST 아키텍쳐는 5가지의 규격을 엄격히 만족해야 한다. 1) client-server - client - server 구조를 이..

[MySQL] MySQL DB 기본 사용법

[MySQL] MySQL DB 기본 사용법 1. MySql 설치 - 생략 인터넷을 찾아보면 매우 많습니다. - 참고 사이트 https://www.edwith.org/boostcourse-web/lecture/16720 2. 사용자 추가후 DB에 접근 권한 주는 방법 - 순서 1) DB 생성2) 계정생성 3) DB에 계정 권한을 추가 2-1. MySql 계정 생성 - mysql에 root로 접속하신 후 다음 명령을 실행하시면 됩니다합니다. mysql>create user ‘user명’@’%’ identified by ‘패스워드’; mysql>grant all privileges on *.* to ‘user명’@’%’; mysql>flush privileges; - Ex) 계정 생성 예제 mysql>crea..