JiYoung Dev 🖥

DB연동하기 노드에서 사용하는 템플릿 엔진 : nunjucks html 상에서 반복문, 조건문을 같이 사용할 수 있음 npm install nunjucks nunjucks 설치 후 경로와 형식 설정 nunjucks는 확장자 html 그대로 사용가능 //nunjucks 활용을 위한 설정 //html 문서 경로, 형식 //1. views 값 설정 : view를 저장하고 있는 폴더의 경로 app.set("views", __dirname + "/views"); //2.view engine : 기본적으로 사용할 형식 app.set("view engine", "html"); //nunjucks 설정 nunjucks.configure("views", { express: app, //app(express) 객체 연결 ..

쿠키와 세션을 사용하는 이유 → HTTP의 특성 때문 데이터를 주고받기 위해서는(요청, 응답) 연결을 유지되어야 함 그런데 요청, 응답이 끝났는데도 계속 연결을 유지한다는 것은 계속 자원을 쓴다는 것 → 비효율적 그래서 HTTP는 비연결성의 특징을 가지고 있음 이로인해 파생되는 특징인 무상태(Stateless) 요청과 응답이 끝나는 순간 알고있었던 사용자의 데이터를 더이상 기억하지 않음! 이러한 이유로 사용자의 상태 정보를 유지하기 위해 쿠키와 세션이 필요함 쿠키 유지해야하는 상태 정보를 보관 클라이언트(브라우저)에 저장 만료기간이 남아있으면 컴퓨터를 끄더라도 데이터가 저장되어 있음 생성은 서버에서, 보관은 클라이언트 쪽에서 진행하므로 응답할 때 쿠키를 포함시켜 응답해야 함 서버에서 클라이언트로 응답하는..

Express에서 많이 사용하는 것 중간에 위치하게 되는 함수들 어느 루트로 가는게 효율적인지 라우터가 확인 > 네트워크에서 말하는 라우터 클라이언트의 요청경로(url)을 보고 어디에서 처리하면 되는지 전달해주는 역할 > express에서의 라우터 http 모듈에서는 조건절을 사용했음 app 인스턴스 : 요청받고, 응답하는 모든 작업을 app 인스턴스를 통해서 진행함 인스턴스란 ? - 생성된 서로 다른 객체 정리 http 모듈 : 요청 메서드를 조건문으로 작성해줘야 함 >> 불편 >> express 프레임워크를 사용 프레임워크의 특징 : 초기에는 공부하는데 시간이 걸림 / 사용방법을 익히면 사용하기가 편하다. Express 사용방법 익히기 1. 설치 : terminal - npm install expre..

Spring Boot 개발 환경 준비 🎈 프로그램 설치 (Spring & MySQL) spring tool suite 4 Spring | Tools spring.io C드라이브 바로 아래에 설치 (필수는 아님!) jar파일도 압축파일이라 압축풀기하면 됨 그런데 안되는 경우가 있어서 cmd활용 cmd 창 연 후 cd / >> c드라이브로 이동 java -jar spring-tool-suite-4-4.18.1.RELEASE-e4.27.0-win32.win32.x86_64.self-extracting.jar 입력 sts-4.16.1.RELEASE 뜨면 정상 압축 풀기 완료 워크스페이스 만들기 경로에 한글이 있으면 실행시 문제 발생되므로 꼭 확인! workspace 선택 후 Launch My SQL MySQL ..

🎈 AJAX (Asynchronous JavaScript and XML) 클라이언트와 서버간 비동기적 정보 교환이 가능한 통신 기능 ** 화면 전환 없이 자바스크립트의 라이브러리 중 하나 데이터를 이동하고 화면을 구성하는데 있어서 웹 화면을 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법 화면 갱신이 없어서 사용자 입장에서 매우 편리하고 빠르게 작업을 처리하는 것처럼 느껴지게 함 하지만, 동적으로 화면을 구성하는 만큼 개발자의 구현은 복잡해짐 📖 Ajax 장점 페이지의 갱신 없이 서버와 비동기 통신을 가능하게 해줌 화면이 새로 로딩되는 것이 아니므로 속도면에서 성능 개선 (웹페이지 속도 향상) 별도의 플러그인이 필요하지 않음 Http 전송 중에도 클라이언트가 웹 어플리케이션과 상호작용 할 수 ..

🎈 FrontController를 사용하는 이유 📖 FrontController 사용하기 전 JoinController, LoginControll를 모두 servlet으로 작성 servlet은 Httpservlet 객체를 받기 때문에 일반 class보다 무거움 → servlet이 많아지면 프로젝트 자체가 무거워짐 따라서 FrontController라는 하나의 컨트롤러(servlet)를 만들고, 그 안에서 각각의 기능에 대한 클래스를 만들어 처리하도록 만듦! 🎈 FrontController 사용하기 📖 사용자 요청 구분 방법 FrontController를 사용하면 mapping값이 하나 > mapping값만 보면 로그인 기능을 하는지, 회원가입 기능을 하는 지등의 어떤 처리를 하는지 구분할 수 없음 사용자..

🎈 Build 흩어진 자원들을 WAS가 인식할 수 있는 구조로 맞춰주는 것 ex. 화면에 보여야 하는 것은 web-app 내부에 들어가야 함. WEB-INF는 클라이언트가 직접 접근 불가한 곳으로 라이브러리 등을 저장 과거에는 구조를 만들어줘야 했음 >> 자동화를 위한 만들어진 도구 >> 빌드 도구 📖 빌드도구 ⚙ Ant 자바 프로젝트의 빌드를 자동화해주는 빌드 툴 ⚙ Maven 자바 프로젝트의 빌드를 자동화해주는 빌드 툴 컴파일과 빌드를 동시에 수행, 테스트를 병행하거나 서버 자원을 관리할 수 있는 환경 제공 Ant를 간편화한 것 - Ant의 경우 - Maven의 경우 라이브러리 파일을 직접 다운받아 넣어주는게 아니라 pom.xml에 적기만 하면 됨 🎈 Maven 실습 📖 Maven 프로젝트 생성 Gr..

🎈 디자인 패턴(Design Pattern) 의사소통 수단의 일종 소프트웨어 공학의 소프트웨어 디자인에서 특정 문맥에서 공통적으로 발생하는 문제에 대해 재사용 가능한 해결책 소스나 기계 코드로 바로 전환될 수 있는 완성된 디자인은 아니며 다른 상황에 맞게 사용될 수 있는 문제들을 해결하는데에 쓰이는 템플릿 프로그래머가 어플리케이션이나 시스템을 디자인할 때 공통된 문제들을 해결하는데에 쓰이는 형식화된 관행 🎈 웹 디자인 패턴 코드의 재사용과 유지보수의 편리성을 위해서 정해진 약속대로 구조를 디자인 하는 것 Spring 프레임워크에서는 MVC 패턴이 기본 🎈 MVC패턴 📖 웹 MVC 패턴 2가지 ⚙️ Model1 view, controller 모두 jsp에서 작성 ⚙️ Model2 view는 jsp (htm..

🎈 JSP 내장객체 - HttpServletResponse 📖 sendRedirect() 브라우저(클라이언트) 주소창에 작성된 경로 >> 브라우저(클라이언트)가 그 경로에 직접 요청을 했다! 라는 의미 우리는 Ex03redirect로 요청함 최종 주소창에는 Ex03createInput.html이 뜸 즉, 최종적으로 브라우저(클라이언트)가 Ex03createInput.html에 요청!! ⚙️ sendRedirect의 프로세스 서버는 어디로 요청해야하는지 경로를 응답 클라이언트는 응답받은 경로로 요청 요청과 응답이 2번씩 일어남!✨✨ 요청은 request객체를 가지고 사용 가능 1번에서 사용한 request객체와 3번에서 사용한 request객체는 이름만 같을 뿐 서로 다른 객체임 이 둘은 서로 값(데이터)..

Session 🎈 세션(Session) 클라이언트는 세션을 통해 사용자의 정보가 아닌 세션 아이디를 보유하고 있음. 사용자 정보는 서버가 가지고 있음. (브라우저가 종료되기 전까지) - 세션 아이디 : 서버가 클라이언트에게 임의적으로 발급하는 아이디. 모든 클라이언트마다 다 다르게 발급함 쿠키는 클라이언트가 정보를 가지고 있음 사용자의 정보는 서버에서 저장, 클라이언트는 세션 아이디만 가지고 있게됨 세션을 사용하면 사용자의 정보는 서버상에서만 저장되므로 쿠키에 비해 보안상 좋을 것 같지만, 세션 아이디는 클라이언트 하나만을 식별하는 값으로 사용자 정보가 될 수 있음. 세션아이디가 넘겨지는 과정을 보다가 공격을 할 수 도 있음 완전하게 보안상으로 좋다고 할 수는 없다. 쿠키보다는 좋을 수 있음 📖 세션 사..