[Web] 웹 동작 과정
·
💻 Dev/Etc
웹의 동작 과정을 알아보기 전에 선수지식이 있다. 선수지식 클라이언트는 사용자가 인터넷이 연결된 장치들(컴퓨터, 휴대폰)로 웹에 접근하는 브라우저(크롬, 사파리, 파이어폭스)이다. 웹 서버는 웹페이지, 사이트, 또는 앱을 저장하는 프로그램을 말한다. 클라이언트에서 "http://xxx.co.kr" 주소를 요청하면, 서버에서는 페이지를 만드는 데 필요한 HTML, CSS, JS, Image 등을 가져와 정적인 페이지를 처리한다. 만약 클라이언트가 DB의 데이터가 필요한 동적 컨텐츠(예를 들어 회원정보)를 호출 시 WAS에게 요청한다. ex) Apache WAS는 서버에게 동적 컨텐츠 제공을 요청받고 DB와 연동하여 데이터를 처리한 뒤 생성한 파일을 서버에게 반환해 동적 페이지를 처리한다. ex) Apach..
[JSP] 게시판 미니 프로젝트 - MVC2패턴 적용
·
💻 Dev/JSP & Servlet
JSP & Servlet을 공부하며 이를 적용시키기 위해 프론트엔드 1분과 미니 프로젝트를 만들어 보았다. 기능은 - - - 그동안 포스팅이 뜸했던 이유인 게시판 프로젝트가 막바지에 이르러서.. 하나씩 포스팅하려고 한다. 우선 mvc패턴을 안다는 전제 하에, 내 프로젝트 구조는 위처럼 되어 있다. 동작구조 View - 화면에 나오는 화면 페이지, 즉 jsp 파일 Controller - action객체를 생성해 view에서 다른 view로 가는 경로를 제어하는 공장 Action - view의 경로를 갖고 있으며, view에게 보여줄 데이터 VO(DTO)를 처리 Service - 수동 커밋 방식을 사용할 것이기 때문에 DAO와 연결 후 필요한 시점에서 한 번에 커밋하는 용도 DAO - 데이터베이스에서 값을 ..
[JavaScript] JSP스크립틀릿 문자열과 비교 오류 Uncaught SyntaxError: Invalid or unexpected token
·
💻 Dev/Etc
오류function updateSubmit() { var email = $('#email').val(); var nick = $('#nick').val(); if(resultEmail==1){ if(email!=){ //현재 이메일과 다르면 alert('이메일 중복체크 하세요'); if ($('#email').val() == '') { $('#email').focus(); } return false; } }} 자바스크립트 함수안에서 JSP스크립틀릿을 사용하는데 문자열 값이 잘 들어온거같은데 자꾸 오류가 났다. 해결 찾아보니 스크립틀릿을 따옴표로 감싸줘야 함 .. 문자..
[IntelliJ] 인텔리제이에서 Lorem Ipsum(무작위 텍스트) 사용하기
·
🛠 DevOps & Tool/Etc
IntelliJ에서 무작위 텍스트 만들기VSCode에서 Lorem Ipsum을 자주 사용했는데 인텔리제이에서는 이 기능이 기본 제공된다고 한다.사용할 Html 코드 안에 lorem을 입력하고 Tap키를 눌러 주면 끝.    Zen Coding 방식으로 개수도 조절할 수 있다.lorem*5  뒤에 숫자만 붙이면 띄어쓰기 기준으로 단어 수만큼? 만들어진다.lorem10  태그도 지정해서 해보자p*4>lorem
[IntelliJ] git pull 시 these untracked files would be overwritten by pull 오류
·
🛠 DevOps & Tool/Etc
나는 git bash도 쓰지만 인텔리제이에서 깃허브 연동해서 쓰는게 더 편하다.. 상황 평소와 똑같이 git pull하려는데 항상 궁금했던 pull아이콘과 똑같이 생긴 Update project를 해봤는데 pull이 안됐다. 에러 그래서 다시 pull을 했는데 오류가 났다.... 해결 구글링 하니 아래의 명령어로 해결된다고 해서 bash에서 했더니 pull이 성공적으로 됐다..! 역시 누르기 전엔 잘 알아봐야 겠다. $ git clean -d -f -f
[Spring Boot] gradle 프로젝트 불러오기
·
💻 Dev/Spring
스프링을 공부하기 전에 스프링 부트 강의로 일단 감을 잡기로 했다.. 강의는 Intellij지만 난 유료버전을 못써서 이클립스로 진행했다. 이클립스에서는 gradle 플러그인을 설치해줘야 한다. 그리고 start.spring.io/ 사이트에 들어가 스프링 프로젝트를 생성해야 한다. Group - 보통 회사명을 적는데 그냥 hello로 작성 Artifact - build 된 결과물 (프로젝트명) Dependencies - 어떤 라이브러리를 당겨서 쓸 것인가 Spring Web, thymeleaf(html 템플릿 엔진) 라이브러리를 추가해주고 GENERATE를 눌러 다운로드하여준다. 그다음 File -> Import -> Existing Gradle Project로 build.gradle파일이 들어있는 프로..