Apply myself  •̀.̫•́✧

용어만 익숙한 것들이라 다시 정리하면서 내가 남에게도 설명할 수 있을 정도로 익혀보자. MAVEN 프로젝트 전체적인 라이프 사이클을 관리하는 도구, 자바용 프로젝트를 빌드를 자동화 해주는 build tool이다. Conversion over Configuration CoC 개념으로 프로그램을 구성할 때 소스파일은 어떤 위치에 있어야하고 컴파일된 파일들은 어떤 위치에 있어야하는지 미리 정해 놓는 것이다. 메이븐..이라고 하면 환경 설정을 할 때, 복잡하고 까다롭게 ... 느껴지는데, 결론적으로는 배포를 편하게 해주기 위한 도구이다! 수동으로 라이브러리를 추가하는 번거로움과 규모가 큰 프로젝트를 진행할 때 더 복잡해지는 과정을 방지하기 위해서 라이브러리들을 편리하게 공유하고 다운받고자 나온 것이 메이븐이다...

웹사이트에 수많은 사용자가 접속을 하는데 그 중 회원/비회원 여부에 따라 로그인 인증 결과에 따라 접근 권한을 부여를 할지 결정해서 응답을 해줘야한다. 특정 사이트에서 어떤 활동이든 사용자의 로그인 여부가 매번 확인해야된다. Q) 브라우저에 사용자 로그인 정보를 저장한다면? A) DB에 저장된 사용된 계정의 해시값 등을 꺼내온 정보가 사용자의 암호를 복잡한 알고리즘으로 계산한 값과 일치하는지 확인하는 과정이 필요하여 사이트에서 모든 활동에 대해 실행하기 굉장히 부담되는 작업이다. 시간+자원 손해/매번 아이디,패스워드 정보가 이동되면 보안상 취약 이러한 취약성을 보안하기 위해 전통적으로 사용된 '세션' 세션방식은 사용자가 로그인에 성공하면 서버는 '세션 표딱지'란 걸 출력한다.(a.k.a 입장표) 사용자 ..

1. Vue CLI 설치 명령 프롬포트에 아래 명령어로 cli 설치 $ npm i -g @vue/cli 버전 확인. $ vue --version

SPA란? 단일 페이지로 구성된 웹 어플리케이션. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고 필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다. 화면 구성에 필요한 모든 HTML을 클라이언트가 갖고 있고 서버사이드에는 필요한 데이터를 요청해, JSON으로 받아 기존의 어플리케이션에 비해 화면을 구성하는 속도가 빠름 기존 어플리케이션은 화면이동 시에 화면 이동에 필요한 HTML을 서버사이드에서 받아서 처음부터 다시 로딩하기 때문에 시간이 걸림. 참고 블로그 : https://velog.io/@josworks27/SPA-%EA%B0%9C%EB%85%90

Node.js란? 크롬 v8 js 엔진으로 빌드된 런타임이다. 뭔말임 쉽게 js를 서버로서 이용할 때 쓰인다. 라고 알아두자. js는 사실 우리가 자주 사용하는 vscode같은 ide외에 브라우저에 기본으로 내장되어 있다. 개발자 도구에 console에 js코드를 입력하면 실행되는게 그것 요약 => 1. node.js는 비동기식으로 처리되고 백엔드에 쓰인다. 2. 실시간으로 무언가 사용되거나 작동되어야 하는 프젝에 쓰기 좋다. 3. node.js Express를 사용하여 서버를 만들 수 있다! 끗(??) 통상적으로 자바스크립트를 사용하여 기능을 만들면, HTML 파일을 작성하여 버튼 태그를 사용하여 script 부문에 콘솔창에 값을 출력하게 하는 이벤트를 건다고 했을 때 html을 파일로 열고 개발자 도..

NPM은 Node.js를 편리하게 사용하도록 도와줌. node.js형 앱스토어, 플레이스토어같은 역할 ㅇㅇ Node Package Manager라는 의미로 NPM은 Node.js에서 사용할 수 있는 모듈 패키지 형태로 저장해 둔 패키지 생태계이자 현존하는 가장 큰 오픈소스 라이브러리이다. 직접 개발한 모듈뿐 아니라 다른 사용자들이 미리 만들어 놓은 모듈을 NPM에서 간편하게 다운로드 받아 사용할 수 있다는 점이 특징이다. 말 그대로 node.js에 필요한 패키지들을 관리한다. 언제든지 필요하다면 npm을 이용해서 자신에게 필요한 모듈을 다운로드할 수 있음. 다운로드는 cmd에서 파일을 설치할 경로로 들어간 뒤, npm이라는 명령어를 통해 모듈을 다운로드 할 수 있다. 각각 모듈은 npm 공식 홈페이지에 ..

Lombok(롬복)은 특정 어노테이션으로 해당 코드를 추가할 수 있는 라이브러리이다. 코드 다이어트?...다이어트는 내가 해야되는데..아무튼 가독성, 유지 보수에 도움이 많이 된단다. 안 익숙한 초짜는 가독성이 전혀 도움 안 되는게 함정 그게 나야나 자바빈즈 패턴 매개변수가 없는 생성자로 객체를 만든 후, Setter 메서드들을 호출해서 원하는 매개 변수 값을 설정하는 방식이다. 정의는 순조로워 보이지만... default 생성자를 통해서 객체만 생성하고 필요한 매개변수들을 setter 메서드로 값을 설정해준다고 할때 만약 설정해야할 매개변수 수가 왕창 많으면 그만큼 Setter 메서드를 호출해야함. TestVo testVo = new TestVo(); testVo.setUserIdx(1); testVo..

베너 텍스트 밑에 tagg 생성 홈페이지에 접속해서 원하는 문구를 넣고 생성된 문구를 copy후 banner.txt에 붙여넣고 저장한다. patorjk.com/software/taag/ Text to ASCII Art Generator (TAAG) patorjk.com 완성! Logging Logging Level 종류 더보기 Logging Level • 정보(info) : 개발/테스트 시 단순 정보를 출력 (system.out.println 대체) • 경고(warning) : 비정상 입력 또는 오동작 발생시 출력 • 오류(error) : 심각한 문제 발생시 출력, 예외(Exception)을 감지 사용 • 디버그(debug) : 어플리케이션 디버깅 실행 시 확인 목적 출력 • 추적(trace) : 디버그..

추상화 구체적인 정보들은 숨기고 핵심만 뽑아내서 필요한 표현만 하는 방식을 추상화, Abstraction. 추상..추상 말은 어려울지 몰라도 우리 일상생활에 추상화된 많은 것들이 존재한다. 책의 내용을 함축한 책 제목이라던지.. 몇 시간짜리 영화의 줄거리라던지 등등.. 결국 디테일한 내용은 숨기고 목적에 맞게 필요한 핵심 정보만 표현을 한다. 왜 죄다 빼먹어~ 이럴 수 있지만 되려 이러한 표현들이 훨씬 효과적으로 소통이 가능할 수 있다는 장점이 크다. 프로그래밍에서도 예외는 아니다. 어떤 프로그램을 만든다는 것은 코드를 작성하는 자신과 소통이 될 수도 있고 작성한 코드를 실행하는 컴퓨터와 소통이 될 수있고 아니면 함께 코드를 작성하는 동료와 소통, 내가 만든 프로그램을 사용하는 사용자와의 소통이 될 수도..

이젠 어떤 것을 학습하면 내가 누군가에게 쉽게 알려줄 수 있는 수준에 가까워질 수 있도록 의식을 하면서 공부를 해야겠다. 항상 읽고 머리로는 당장 이해가 되니까 내가 되새기면서 체화를 시키지 않는다.. 시간 낭비하지 말자............어차피 할껀데 ㅋ,,화이퉹 화이퉹..! 우리 생활에서 이젠 없어설 안될 존재.. 웹웹.. 인간의 생활을 편리하게 만들어 주는 플랫폼이라는 개념의 이상으로 또 다른 우리의 생활 공간이자 삶이다. 웹은 89년에 처음 등장해서 90년도에 보편화가 시작됐다. 그 당시엔 그저 서로 글이나 숫자같은 아주 단순한 정보를 공유하는 역할만 했을 것.. 그치만 인간은 그것에 그치지 않지.. 더 나아가서 이미지, 영상도 공유할 수 있게 만들었고 더 나아가 채팅,은행 업무,게임 무궁무진한..