이번 달에는 프로젝트를 진행했다. node + vue를 이용한 첫번째 프로젝트로, 예시같은게 적절하게 없어서 서치하고 공부하는 시간이 많이 소요된거 같다. 프로젝트를 진행하면서 부족했던 부분을 파악하고 다음 프로젝트에서는 어떻게 깔끔하게 코드를 작성해야하는지를 배운것 같다. 서버코드 : 클라이언트 코드 : 정신 없이 흘러가서 바쁜 한달이었지만, 그만큼 배운게 많은 한달이었다. 이제 다시 새로운 두번째 프로젝트를 진행하려고 한다. 이번 프로젝트는 그래도 베이스가 깔려서 스프링 공부와 병행하고 있는 중이다. 프로젝트를 진행하고 결과물이 나오는게 즐거워서 스프링의 기본기를 깔끔하게 잡고 새로운 스프링 프로젝트도 진행하고 싶다
로그인과 회원가입은 enctype 즉, 인코딩 방식이 urlencoded를 사용하였다. 간단히 말하자면, 로그인과 회원가입은 인코딩 방식이 multipart 데이터(사진, 동영상)가 아닌 urlencoded여서 body parser가 해석을 할 수 있었다. form-data라도 urlencoded로 보내게 되면 아래코드에서 urlencoded 부분이 해석을 해주게 된다. 하지만, form-data가 urlencode가 아닌 multipart 데이터(사진, 동영상)면 바꿔주지를 못한다. 이를 위해서 multer 모듈을 이용하면 해석을 할 수가 있다. multer 자체는 미들웨어가 아니고, multer 함수를 실행하면 multer 함수를 실행한 객체안에 single, array, fields, none이라는..
미들웨어(middelware) : 요청과 응답 중간에 위치하기 때문에 미들웨어라고 부른다. 요청과 응답을 조작해 기능을 추가하기도 하고, 나쁜 요청을 걸러내기도 한다. 미들웨어는 app.use와 함께 사용된다 app.js const express = require('express'); const path = require('path') const app = express(); app.set('port', process.env.PORT || 3000); // 미들웨어는 next를 적어줘야 다음 라우터로 넘어간다 app.use((req, res, next) => { console.log('모든 요청에 실행하고 싶어요'); next(); }) app.get('/', (req, res) => { res.send..
사용환경 : SpringBoot 2.4.7, Java 11, InteliJ 1. 스프링 부트 라이브러리 살펴보기 spring-boot-starter-web spring-boot-starter-tomcat: 톰캣 (웹서버) spring-webmvc: 스프링 웹 MVC spring-boot-starter-thymeleaf: 타임리프 템플릿 엔진(View) spring-boot-starter-data-jpa spring-boot-starter-aop spring-boot-starter-jdbc HikariCP 커넥션 풀 (부트 2.0 기본) hibernate + JPA: 하이버네이트 + JPA spring-data-jpa: 스프링 데이터 JPA spring-boot-starter(공통): 스프링 부트 + 스프..
컴포넌트는 View, Data, Code의 세트라고 생각하면 된다. 컴포넌트 안에는 HTML 코드가 있고, 이 HTML 코드를 실행하기 위한 자바스크립트 코드 그리고 데이터가 존재한다. 컴포넌트의 가장 큰 특징은 재사용이 가능하다는 점이다. 1. 컴포넌트 구조 컴포넌트 구조를 이해한다는 것은 쉽게 말해서, 앞으로 작성해야 할 코드의 기본 구조를 만드는 것이다. 컴포넌트 구조에 해당하는 프로그램 코드를 갖는 vue파일을 작성하고 매번 vue기반 프로젝트를 할 때마다 해당 vue파일을 복사해서 사용한다. snippet은 특정 코드를 미리 작성하고 등록하여 단축키로 코드를 불러와서 바로 사용할 수 있는 기능이다. 1) Snippet 설정 1. 파일 -> 기본설정 -> 사용자 코드 조각 구성 클릭 2. vue ..
반복적으로 사용되는 header, footer와 같은 정보를 한곳에 모아둔 프레임워크이다. 화면 기본 구성 레이아웃 템플릿 정의하고 상속을 통하여 대부분 구조를 재사용할 수 있는 기능 및 설정파일을 통한 통합 관리를 통하여 확장성 있고 일관되게 페이지 구성을 관리한다. 페이지 레이아웃을 쉽고 단순하게 구현 공통된 레이아웃을 사용하므로 유지관리가 쉽다 pom.xml ... org.apache.tiles tiles-core 2.2.2 org.apache.tiles tiles-jsp 2.2.2 org.apache.tiles tiles-servlet 2.2.2 ... pom.xml을 통해 라이브러리를 설치하고 사용한다. servlet-context.xml ... classpath:tiles/*.xml ... s..
실제 애플리케이션에서는 유지관리를 위해 웹 사이트에 접속한 사용자 정보나 각 클래스의 메서드 호출 시각 등 여러 가지 정보를 파일로 저장해서 관리한다. 이런 로그 관련 기능을 제공하는 것이 log4j이다. log4j 기능은 독립적으로 라이브러리를 설치해서 사용할 수 있으며, 메이븐 같은 빌드 툴에서는 프로젝트 생성 시 자동으로 log4j 라이브러리가 설치된다. log4j.xml을 이루는 태그 태그 설명 로그의 출력 위치(파일, 콘솔, DB등)를 결정합니다. appender가 어디에 출력할 것인지에 대한 태그였다면 layout은 어떤 형식으로 로그를 출력할지 정해줍니다. 로깅 메시지를 appender에 전달합니다. logger는 6단계의 레벨을 가지며, 레벨을 가지고 출력여부를 결정합니다. 여러 가지 Ap..
이클립스에서 프로젝트 생성시 web.xml에 오류가 발생했다. 에러해결 방법은 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd 여기 url 사이에 세미콜론( ; )을 붙이면 된다. 해결완료!
