천천히 차근차근

case1.js var text = 'Hello World Guys'; var printBefore = () => { console.log('Before :' + text); } var printAfter = () => { console.log('After :' + text.toLowerCase()); } var printUpper = () => { console.log('upper : ' + text.toUpperCase()); } module.exports = { printBefore, printAfter, printUpper } case2.js var func = require('./case1.js'); func.printBef..

a.js var printHelloWorld = () => { console.log('Hello World'); console.log('Hello World!!!!'); }; module.exports = { printHelloWorld }; var test = 'doingsdf'; var printResult = () => { switch (test) { case 'start': console.log('start'); break case 'end': console.log('end'); break case 'doing': console.log('doing'); break def..

a.js var printHelloWorld = () => { console.log('Hello World'); }; module.exports = { printHelloWorld };b.js var func = require('./a.js'); // 같은 폴더 안에 있다는 전제 func.printHelloWorld();

https://velog.io/@ljinsk3/MVC-%ED%8C%A8%ED%84%B4 mvc패턴이란? 디자인 패턴 중에 하나이다. Model, view, Controller의 약자. 디자인 패턴이란? 반복적인 특정 기능을 만들기 위해서 발생했던 문제들을 보완하고 유지관리 할 수 있도록 정리된 '규약'같은. Model Model은 DAO, DTO로 분류할 수 있다.

npm으로 express 설치 node에서 REST API를 편리하게 만들 수 있게 도움을 주는 express를 설치.npm install express --save

Node.js란? ~ javascript 코드가 callback 패턴을 사용한다.async & await 사용법 function 앞에 async를 붙여주고 비동기 처리르 위한 부분에 await를 붙여준다. await은 내 메소드의 실행을 일시중지 시킨다. promise의 값이 사용가능 할 때까지. 주의할 점 await가 붙은 비동기 처리 함수는 반드시 Promise를 반환해야 한다. https://to2.kr/bVA async 함수는 promise를 리턴하고, 모든 await 함수는 일반적으로 promise가 된다. https://to2.kr/bVB 비동기 함수가 저절로 wait하지 않는다. 반드시 await해야 한다. 하지 않는다면 예상한 값 대신에 promise 객체를 받게 될 것이다.

feature/study branch를 아직 삭제하지는 않음. itlab에서 branch를 생성하면 git bash에서 확인이 되지 않고, gitbash에서 생성하고 gitlab에서 확인했더니 확인 되지 않음.결론 : gitbash에도 branch를 생성하고, gitlab에서도 생성하고 commit 후 push를 해보니 정상 작동. 추가 테스트를 통해서 어떻게 만들어지는건지 정확하게 파악해보기. git bash에서 작업하기 feature/study branch를 develop으로 병합(Merge) Merge commit은 기본(다량의 commit 그대로)이 아닌 1개의 commit으로 묶어서 feature/study branch를 삭제 feature/signup branch 생성(develop을 따르는)..

용도별 ExceptionController를 1개로 병합(파일 생성) 용도별 ExceptionController 3개(ExceptionJsonMessageController, ExceptionParameterMissingController, ExceptionRequestMethodController)의 기능 중복으로 ExceptionController를 1개로 최소화. 중복되는 코드는 Utils에 구현. @RestControllerAdvice public class ExceptionController { JsonObject jsonResult = new JsonObject(); @ExceptionHandler(MissingServletRequestParameterException.class) protec..

code style : https://namu.wiki/w/%EC%BD%94%EB%94%A9%20%EC%8A%A4%ED%83%80%EC%9D%BC Preferences java -> Code Style -> Formatter -> new click! Profile name 입력 (이름 지정) Brace positions

pom.xml에 dependency 추가 com.navercorp.lucy lucy-xss-servlet 2.0.0 lucy-xss-servlet-filter-rule.xml 파일 추가 xml 파일 위치 : src/main/resources 폴더 하위에파일명 : lucy-xss-servlet-filter-rule.xml xssPreventerDefender com.navercorp.lucy.security.xss.servletfilter.defender.XssPreventerDefender xssSaxFilterDefender com.navercorp.lucy.security.xss.servletfilter.defender.XssSaxFilterDefender lucy-xss-sax.xml false x..

XSS (Cross site scripting) 대응 방안 사용자 입력값 검증을 반드시 서버단에서 한다. 사용자 입력한 갑 중에 HTML 코드로 인식될 수 있는 특수문자를 일반문자로 치환하여 처리 웹 페이지를 출력할 때, HTML 코드로 인식될 수 있는 문자열(예를 들면 '

interceptor란? 특정 URI로 요청시 Controller로 가는 요청을 가로채는 역할을 한다. interceptor와 JSP Filter의 차이? 공통점 둘 다 Controller로 들어가는 요청을 가로채 특정 작업을 하기 위한 용도로 사용된다. 차이점 케어할 수 있는 영역(범위)가 다르다. Filter는 같은 웹 어플리케이션 내에서만 접근이 가능하며, interceptor의 경우 스프링에서 관리되기 때문에 스프링내의 모든 객체에 접근이 접근이 가능하다. JSP Filter의 경우 주로 한글처리에 이용되고 interceptor의 경우 로그인 처리에 이용이 된다. interceptor는 왜 로그인 처리에 이용되는가? 만약 인터셉터를 이용하지 않고, 로그인 처리를 한다면, 게시물 작성, 수정, 삭제..

# 리스너란? (listener) - 리스너는 단어의 뜻으로 보자면 (소리를)듣는 사람, 청취자이다. 프로그래밍에서의 리스너는 무언가 소리를 듣는 사람을 뜻하기 보다는 ``` 특정 이벤트(특정한 사건)가 발생하기를 '귀 기울여' 기다리다가 실행되는 Component(메서드나 함수)를 말한다. 리스너는 이벤트가 발생함과 동시에 특정 행동을(메서드나 함수를 실행)하는데, 이것을 이벤트 핸들링이라고 한다. 따라서 리스너를 이벤트 핸들러라고 부르기도 한다. ```

Bean이란? 자주 사용하는 객체를 Singleton 객체로 생성해놓고 어디서든 불러서 쓸 수 있는 것을 Spring에서 Bean 이라는 이름을 붙인 것. 클래스를 한번 만들어놓고 재사용하기 편하게 하기 위함. 자바빈 재사용이 가능하게 만들어진 Component

AOP(Aspect Oriented Programing) AOP는 관점 지향 프로그래밍이다. 쉽게 말해서 AOP는 애플리케이션 전체에 걸쳐 사용되는 기능을 재사용 하도록 지원하는 것이다. 관점 지향 프로그래밍이라는 단어가 AOP를 이해하는데 더 어려움을 일으킨다. 쉽게 설명하면 프로젝트 구조를 바라 보는 관점을 바꿔 보자는 것이다. (제 3자의 관점) (핵심기능에서 바라본 관점) (부가기능에서 바라본 관점) 부가적 기능의 관점엑서 보면 각각의 서비스는 before와 after 메소드를 공통으로 사용하고 있다. 기존의 OOP에서 바라보던 관점을 다르게하여 부가기능적인 측면에서 보았을때 공통된 요소를 추출하자는 것이 관점 지향 프로그래밍이다. OOP : 비지니스 로직의 모듈화 모듈화의 핵심 단위는 비지니스 ..

다른 바탕화면 만들어서 사용하기(바탕화면 만들기) 다른 바탕화면 생성 Ctrl + window + D다른 바탕화면 삭제 Ctrl + window + F4다른 바탕화면으로 이동 Ctrl + window + 방향키 좌, 우

실행창을 열기 위한 단축키 입력 단축키 : window key + R 실행창에 cmd 명령어 입력 cmd 입력 명령 프롬프트 창에 명령어 입력 wmic csproduct get name

daemon이란? 웹 서버처럼 끊임없이 돌아가는 시스템을 데몬(daemon)이라고 부른다. 데몬 서비스를 구현할 때 무한 반복을 사용한다.

UI(USER INTERFACE) UI는 사용자가 제품/서비스를 사용할 때, 마주하게 되는 면 이다. 즉, 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 매개체인 것이다. 따라서 UI 디자인은 폰트, 칼라, 레이아웃과 같이 사용자가 마주하게될 시작적인 디자인을 말한다. UX(USER EXPERIENCE) UX는 사용자 경험의 약자로, 사용자가 어떠한 서비스/제품을 직간접적으로 이용하면서 느끼는 종합적인 만족을 의미한다. UX 디자인이란 사용자에게 만족스러운 경험을 제공하는 UI를 디자인 하는 것이다. 즉, 사용자가 만족할 수 있도록 사용자 중심적으로 설계된 디자인이라고 볼 수 있다.

1. Servlet(서블릿) 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술 서블릿을 한 줄로 정의하자면 아래와 같습니다. Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술 간단히 말해서, 서블릿이란자바를 사용하여 웹을 만들기 위해 필요한 기술입니다. 그런데 좀더 들어가서 설명하면 클라이언트가 어떠한 요청을 하면 그에 대한 결과를 다시 전송해주어야 하는데, 이러한 역할을 하는 자바 프로그램입니다. 예를 들어, 어떠한 사용자가 로그인을 하려고 할 때. 사용자는 아이디와 비밀번호를 입력하고, 로그인 버튼을 누릅니다. 그때 서버는 클라이언트의 아이디와 비밀번호를 확인하고, 다음 페이지를 띄워주어야 하는데, 이러한 역할을 수행하..