본문 바로가기

코딩 농장

 (67)
[Spring] Spring ,Spring boot 란? https://www.codestates.com/blog/content/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8 스프링과 스프링부트(Spring Boot)ㅣ정의, 특징, 사용 이유, 생성 방법 스프링은 Java 백엔드 개발에 있어 떼어놓을 수 없는 프레임워크입니다. Java 백엔드의 핵심 기술이 되는 스프링 프레임워크와 스프링 부트가 무엇인지, 나아가 스프링 부트를 활용하여 프로젝트 www.codestates.com 스프링 Java 애플리케이션 개발을 편하게 할 수 있게 해주는 오픈소스 경량급 애플리케이션 프레임워크 기존 비즈니스 로직을 구현하기 위해서 복잡하고 기술 자체를 공부했어야 했음 이를 스프링을 통해 해결..
[Spring] JPA 란? ORM(Object-Relational Mapping) : 애플리케이션 Class 와 RDB(Relational DataBase)의 테이블을 연결한다는 뜻이며 기술적으로는 어플리케이션의 객체를 RDB 테이블에 자동으로 영속화 해준다. 원래는 DB 에서 SQL 을 이용해 조작했어야하는데 ORM 을 통해 Method 를 통해 바로바로 쓸 수 있다. JPA(Java Persistence API) : Java 진영에서 ORM 기술 표준으로 사용하는 인터페이스 모음 자바 어플리케이션에서 관계형 데이터베이스를 사용하는 방식을 정의한 인터페이스이다. 반복적인 CRUD SQL 처리를 JAP 가 해준다. 매핑된 관계를 이용해서 SQL 을 생성하고 실행하는데, 개발자는 어떤 SQL 이 실행되는지 생각만 하고 예측만 하면 ..
서버, API 서버 : 요청을 받으면 요청한 내용을 보내주는 프로그램 HTTP 요청 1. 읽기(GET) : 나 이런 페이지 읽을래~ 2. 쓰기(POST) : 새로운 글, 댓글 생성해줘~ 3. 수정(PUT) 4. 삭제(DELETE) API (Application Programming Interface) : 한 프로그램에서 다른 프로그램으로 데이터 주고 받기 위한 방법 웹 서버 : 웹툰 보내주는 프로그램 웹툰 서비스 API : 웹툰 서버와 손님이 웹툰을 주고 받는 방법 1. A 웹툰 2. B 웹툰 ... 손님이 달라고 요청하면 손님에게 웹툰을 전달함 API 가 가져야할 내용 : 어떤 요청을 할 것인지 (줄건지 보내달라할거지=) / 무슨 자료 요청 / 자료 요쳥에 필요한 추가 정보 (내아이디, 이름, 번호 ...) 유저가 ..
AWS 란 1. 남의 컴퓨터를 빌려서 원격 제어를 통해 사용하는 것 : 컴퓨터 임대 사업 Cloud Computing / Hosting / Elasting Compute Cloud (EC2) 2. Relational Database Service (RDS) MySQL, SQL Server, ORACLE 을 제공해줌, 신청하면 알아서 깔아서 사용할 수 있게 해줌 설치 운영 백업 보안 ... 등등을 해줌 https://www.youtube.com/watch?v=SZ5bOc1As4s&ab_channel=%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9
vue with express https://vuejs-kr.github.io/2017/02/05/express-with-vue/ express와 vue를 이용한 개발 환경 구성 살펴보기 Vue.js 관련 한국어 자료를 보관하는 곳 입니다. vuejs-kr.github.io https://mrw0119.tistory.com/137?category=938676 [Node.js] express & vue 연동 2 개발환경: Windows10, VS Code 지난 포스팅에 이어서 진행한다. ( express & vue 연동 1 ) fontend 작업 1. frontend 프로젝트를 열고, config/index.js 파일을 열어서 proxyTable을 설정한다. proxyTable: { '/api': { target: 'http mrw01..
웹 백엔드 첫번째 브라우저에서 클라이언트에게 화면을 HTML, CSS, JavaScript 를 이용해 띄움 HTTP GET Request 를 url, form 태그를 통해 데이터를 웹 서버에 전달 데이터를 웹 애플리케이션이 받고 파일들, 데이터베이스와 상호작용 후 다시 HTML 의 형식으로 웹 서버에 전달 데이터들을 추려내서 HTML 등의 형식으로 브라우저에 HTTP Response 함 백엔드는 사용자의 HTTP Request를 바탕으로 적절한 HTTP Response를 반환하는 역할을 수행합니다. Web Server 는 클라이언트로부터 응답을 수신하는 컴퓨터(프로그램)이고, Web Application 은 Request 를 분석하는 애플리케이션입니다. Web Application 은 Request를 분석하여 컴퓨터의 데..
docker 컨테이너와 로컬 파일 연동하기 일단 dockerhub 나 github 에서 이미지를 가져오던 새 이미지를 만들던 한다. 컨테이너를 만들건데 내 local 파일시스템과 도커 컨테이너의 파일시스템을 연결해줘서 만들 것이다. docker run -d -p : -v : : 다음과 같은 양식으로 짜준다. 필자는 --name 명령어도 썼다. docker run -it --name cnupj2 -p 8080:8080 -v /Users/kimkeonhyeong/Documents/Document/WebProject/cnupj/cnufirstpj:/Users/kimkeonhyeong/Documents/Document/WebProject/cnupj/cnufirstpj cnu-server-build cnupj2 라는 컨테이너 연결, 포트 연결, 디렉토리 ..
Vue.js 세번째 과거 글을 보는 중 삭제 버튼을 눌러 다시 정리한다.... App.vue 앱에서 link 를 받아 router 가 화면을 띄우는 방법은 두 가지이다. ( router 에 페이지, 컴포넌트를 연결하는 방법 ) 1. import 방식 2. code-splitting 방식 2-2. code-splitting 에서 webpackprefetch 사용하기 어떻게 다른지 확인해보자 이 과정 전에 해야할 설정변경이 있다. ** 설정변경 Settings > formatter > Prettier > Code formatter 로 변경 새로운 .prettierrc 파일 만들어서 안에 작성 { "semi": false, "bracketSpacing": true, "singleQuote": true, "useTabs": fal..

티스토리툴바