본문 바로가기

JS & TS34

win-jenv 첫 오픈소스 프로젝트 win-jenv 첫 오픈소스 프로젝트 처음으로 node.js를 기반으로한 windows에서 사용 가능한 java jdk 환경변수설정 npm 오픈소스를 만들어 보았습니다. 왜 만들었나? 제 개인 개발환경은 macos입니다. 하지만 회사에서 사용하는 개발환경은 windows os이고 점심시간을 이용해 개인 springboot 프로젝트를 수정해야 할 떄 jdk8과 jdk11을 왔다갔다 해야할 때가 있었습니다. 안 그래도 짧은 점심시간… 환경변수 수정하는 것조차 불편해서 mac os의 jenv와 유사한 win-jenv를 만들었습니다. 어떻게? 최근 블로그 포스팅을 마크다운으로 하고싶어 찾아본 방법 중에 jojoldu님의 markdown-tistory를 사용하게 되었습니다. npm을 이용해 cli 오픈소스를 충분.. 2022. 4. 2.
[JSP] EL문과 JSTL [JSP] EL문과 JSTL 기존의 JSP에서 자바코드를 작성할 때에는 스크립트태그를 이용했다. 2021.02.27 - [JSP/JSP정리] - [JSP] JSP문서 작성 및 코드 작성 [JSP] JSP문서 작성 및 코드 작성 [JSP] JSP문서 작성 및 코드 작성 이전 포스트를 보면 알 수 있듯이 서블릿으로 자바코드를 작성하면 서블릿 문서를 방문하고, 연산을 해야 하기 때문에 불편함이 있다. 2021/02/27 - [JSP/JSP정리] - [Serv heekng.tistory.com 하지만 스크립트 태그를 이용하면 HTML코드 사이에 JAVA코드가 섞이게 되어 가독성이 떨어지게 된다. 이러한 불편함을 해소하기 위해 EL문과 JSTL을 이용한다. EL문과 JSTL의 사용 이유 EL문과 JSTL을 사용하.. 2021. 3. 23.
[JSP] Ajax (jquery) [JSP] Ajax (jquery) 이전 포스팅에서 Javascript에서 Ajax를 이용하는 방법에 대하여 알아보았다. 2021.03.11 - [JSP/JSP정리] - [JSP] Ajax [JSP] Ajax [JSP] Ajax 이전까지 배운 데이터 전송방식은 페이지 전체가 이동하며 데이터를 가공한 후 이용했다. 하지만 회원가입페이지의 경우 중복확인 버튼과 같은 현재 페이지 내에서 정보를 가공한 후 heekng.tistory.com 이번에는 jQuery에서 Ajax를 이용하는 방법에 대해 알아보자. Javaxcript와 jQuery에서 Ajax를 이용하는 방법의 차이 기본적인 Ajax의 구조는 Javascrip를 이용하는 문법과 jQuery문법의 차이밖에 없다. 하지만 jQuery를 사용하는 이점은 코드.. 2021. 3. 20.
[JSP] JSON [JSP] JSON 각각의 프로그래밍 언어들의 데이터 전송방식은 다양하다. 하지만 웹 프로그래밍에 이용되는 언어가 다양하고, 데이터를 전송하는데 있어서 통일하기 위해 json을 이용한다. JSON이란? JSON은 데이터를 전송하는 방식이다. 하나의 언어가 아니다. 경량화된 데이터 교환 형식이다. 서로 다른 언어들 간 데이터를 주고 받을 수 있도록 만들어진 텍스트 기반의 형식이다. 프로그래밍 언어가 아닌 데이터 표기 방법 중 하나이고 기본적으로 name:value 형태의 map구조를 가지고 있다. code.google.com/archive/p/json-simple/downloads Google Code Archive - Long-term storage for Google Code Project Hostin.. 2021. 3. 14.
[JSP] Ajax [JSP] Ajax 이전까지 배운 데이터 전송방식은 페이지 전체가 이동하며 데이터를 가공한 후 이용했다. 하지만 회원가입페이지의 경우 중복확인 버튼과 같은 현재 페이지 내에서 정보를 가공한 후 기존에 작성한 데이터들을 유지해야하는 경우에는 기존의 방식을 사용하기 어렵다. 때문에 웹 페이지 전체를 리로딩하지 않고, 일부분만을 갱신하기 위해 Ajax를 이용한다. Ajax란? Ajax(Asynchronous JavaScript and Xml)은 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법이다. Ajax는 웹 페이지 전체를 다시 리로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있고, 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이 때 서버와 여러 .. 2021. 3. 11.
[JSP] 내장 객체, 데이터 전송방식 [JSP] 내장 객체, 데이터 전송방식 이전에 서블릿을 설명할 때 서블릿은 JSP에서 내부적으로 이용되는 구조를 이해해야 하기 때문에 이해하고 있어야 한다고 했다. [Servlet] 서블릿 Servlet (개념, 계산기 예제) [Servlet] 서블릿 Servlet (개념, 계산기 예제) 서블릿은 요청(request)과 응답(response)을 직접 조작해서 데이터를 전송, 수신한다. 단순하게 설명하면, 위와 같은 형태로 요청과 응답을 한다. 목차 목 heekng.tistory.com JSP를 이용하며 서블릿을 통한 데이터 전송에 개입할 수 있게 도와주는 것이 바로 내장객체이다. 또한 내장객체를 이용하려면 GET과 POST와 같은 데이터 전송방식에 따른 페이지 이동을 필요로 하기 때문에 데이터 전송 방식.. 2021. 2. 27.
[JSP] 자바빈즈(자바 객체) [JSP] 자바빈즈(자바 객체) 자바빈즈란 JSP의 표준 액션 태그를 통해 접근할 수 있는 자바 클래스로서, 기본생성자, 멤버 변수(필드)와 setter, getter메소드로 이루어져 있다. 이전에 배웠던 액션태그로 이용하며, 위에서 말한 것처럼 자바빈즈로 이용할 클래스는 기본생성자와 멤버변수에 대한 setter, getter메소드가 필수적으로 작성되어있어야 한다. 자바빈즈의 기본 작성방법 자바빈즈를 이용하려면 클래스 객체 생성, 객체의 필드 set, 객체의 필드를 get하는 코드가 필요하다. useBean 객체생성 의 형태로 작성하며, 클래스의 기본 생성자를 불러오는 코드이다. class속성으로 해당 클래스의 위치를 설정하고, id속성으로 객체의 이름을 지정한다. setProperty setter 의 .. 2021. 2. 27.
[JSP] JSP문서 작성 및 코드 작성 [JSP] JSP문서 작성 및 코드 작성 이전 포스트를 보면 알 수 있듯이 서블릿으로 자바코드를 작성하면 서블릿 문서를 방문하고, 연산을 해야 하기 때문에 불편함이 있다. 2021/02/27 - [JSP/JSP정리] - [Servlet] 서블릿 Servlet (개념, 계산기 예제) [Servlet] 서블릿 Servlet (개념, 계산기 예제) [Servlet] 서블릿 Servlet (개념, 계산기 예제) 서블릿은 요청(request)과 응답(response)을 직접 조작해서 데이터를 전송, 수신한다. 단순하게 설명하면, 위와 같은 형태로 요청과 응답을 한다. 목차 목 heekng.tistory.com JSP 이러한 불편함은 없애고, 개발자가 직접 복잡한 코드를 작성하지 않게 도와준다. 다만, 서블릿을 직.. 2021. 2. 27.
[Servlet] 서블릿 Servlet (개념, 계산기 예제) [Servlet] 서블릿 Servlet (개념, 계산기 예제) 서블릿은 요청(request)과 응답(response)을 직접 조작해서 데이터를 전송, 수신한다. 단순하게 설명하면, 위와 같은 형태로 요청과 응답을 한다. 목차 목차1 목차2 Servlet을 이용한 데이터 수송신 서블릿은 HttpServlet클래스를 상속받는다. doGet()메소드와 doPost()메소드를 재정의해서 데이터 전송 방식에 따른 전송 내용을 작성한다. Dinamic Web Project에서 서블릿 작성 위치 서블릿을 작성하는 위치는 웹 프로젝트 - Java Resources -> src폴더 속 이다. 서블릿은 또 다른 언어가 아닌 Java의 클래스 이므로 .java로 작성된다. 블로그 작성을 위해 WebContent속 폴더에 따.. 2021. 2. 27.