공부하는 블로그

Vanilla JS 바닐라 자바스크립트는 프레임워크나 라이브러리를 사용하지 않는 순수한 자바스크립트를 말한다. 공식 사이트에서 바닐라js 파일을 다운받으면 크기가 0이다. 바닐라 자바스크립트를 사용하기 위해서는 다른 무언가가 필요없다는 뜻이라고... 학습단계에서는 jQuery 등의 라이브러리 사용법을 먼저 공부하기보다는 바닐라 자바스크립트를 공부하면서 웹과 js에 대한 이해를 쌓는 게 좋다고 한다. http://vanilla-js.com/

영어 파라메터는 잘 넘어가는데 한글 파라메터만 넘기면 url에서부터 깨져있는 현상.. server.xml 수정 get 방식은 url에 데이터를 넣어 보내는 방식이기 때문에 서블릿 영역 안에서 컨트롤되지 않는다고 한다. 때문에 프로젝트 파일이 아닌 서버 파일을 수정해야 한다. 이클립스 내 서버 폴더 아래 server.xml 파일을 수정한다. 이 부분을 찾아서 끝에 URIEncoding="UTF-8" 추가 이부분도 찾아서 마찬가지로 끝에 URIEncoding="UTF-8" 추가 뷰 파일 수정 원래 내 프로젝트는 이렇게 되어있었는데 저 부분은 없애도 된다. 그리고 인코딩 설정이 UC-KR로 설정되어 있는 것을 UTF-8로 다 바꿔준다. 이렇게 수정하고 나면 한글이 깨지지 않고 잘 넘어간다.

JSTL (JSP Standard Tag Library) 태그를 통해 JSP 코드를 관리하는 라이브러리 로 표현되는 Scriptlet 구문을 쓰면 HTML과 자바코드가 뒤섞여 코드가 복잡해진다. JSTL은 이런 코드의 간결화를 위해 나온 태그이다. JSP 페이지에서 JSTL 태그 설정하기

ORM(Object Relation Mapping) ORM은 도메인 오브젝트와 db를 연동하는 기술이다. 객체지향 언어인 자바와 관계형 DB의 테이블을 매핑해주는 것이다. JPA : Java Persistance API JPA는 JAVA에서 제공하는 ORM API이다. Hibernate ORM은 기본 개념이고, JPA는 ORM을 구현한 것이다. 그런 JPA를 다시 구현한 프레임워크가 하이버네이트이다. 기존 MVC 모델에서, Domain에 게터세터를 설정해두고 DAO 클래스에 CRUD에 해당하는 쿼리를 모두 써놓고 불러서 사용했던것과 달리 ORM을 이용하면 어노테이션으로 Domain을 설정하고, 쿼리문 대신 JAP에 준비된 메소드를 이용하여 데이터를 처리할 수 있다. 반복적인 쿼리문의 작성, 잦은 DB와의..

platform : 승강장. 모이는 곳 1. 구글이 마켓플랫폼 장악했다 : 구글이 앱을 올리는게 아니라 사용자들이 올리는것 2. 개발할때 플랫폼이다 : 여러 사람들이 이 도구를 이용해서 새로운 것들을 만들어낼수 있는것 여기에 어떤 어플리케이션이 있어서 사용자들이 쓸 수 있음 ex) 안드로이드 위에 앱들이 올라가는것 framework : 뼈대. 틀만 주어짐. 이 안에 구현체는 사용자가 만드는 것. 플랫폼이면서 프레임워크인 경우가 대단히 많음. 정확히 구분 어려움 library : 코드의 모음. 코드를 모아놓으면 다 라이브러리라고 함 코드 정리도 잘 안돼있고 사용자가 쓰기에 설명이 부족하다? 그러면 api라고 부르기 어려움 api : 인터페이스의 성격에 더 가까움. ap"I". 사용자가 잘 쓰기 편하게 인터..

db에서 데이터를 가져와 json으로 뿌려주는 파일이다. 밑줄친 response.setHeader("Access-Control-Allow-Origin","*"); 부분을 코드 상단에 써주면 크로스도메인을 허용한다는 내용이 된다. 물론 내 서버 파일이니까 가능했지, 남이 만들어서 뿌려주는 파일을 쓰려먼 못하는 방법이다... 그래서 이 글에서는 못 했었다. 2019/08/08 - [웹프로그래밍] - ajax 사용하여 비동기 데이터 받아오기

index.js 새로 만들 파일의 이름은 Allview.js이다. App.js가 임포트되어있던 것을 Allview로 바꾸고 render 안의 태그도 Allview로 바꿔준다. Allview.js import React, {useEffect, useState} from 'react'; import * as $ from 'jquery'; function Allview() { const [ exams, setExams ] = useState(null); $.ajax({ url:"http://(서버주소)/AllviewDB_view.jsp",//클라이언트가 요청을 보낼 서버의 url 주소 type: "GET",//http 요청 방식 (get, post) }) //http 요청이 성공하면 요청한 데이터가 done(..

node.js 설치 node.js를 다운받는다. 다운로드가 완료되면 인스톨 진행. 설치가 끝났으면 cmd 창에서 설치됐는지 확인해본다. git 설치 git은 예전에 이미 깔아뒀었다. cmd창에서 확인만 한번 하고 넘어간다. 프로젝트 생성 원하는 위치에서 npx create-react-app로 디렉토리를 만든다. (tic-tac-to는 프로젝트 이름이다.) 엔터를 치면 무언가 막 진행된다. 생성이 완료되면 위와 같이 뜬다. 해당 디렉토리로 이동하여 npm start를 입력하면 리액트가 실행된다. 브라우저가 켜지고 아래와 같이 인덱스창이 뜨면 성공이다. 제이쿼리 추가하기 방금 생성한 tic-tac-to 프로젝트에서 package.json 파일을 열어 이미지에 표시한 것처럼 "jquery" 부분을 추가하고 저..

이클립스 mysql * 마지막 권한주는 부분에서 root@% 이렇게 누구에게나 권한을 줘버리면 위험... 공부중이라 지금은 이렇게 하지만, 실제로는 지정된 서버에서만 접속할 수 있게 해야함.

java.lang.ClassFormatError; Truncated class file 에러 떴을때 이 디렉토리에서 class 파일 지워주고 다시 실행하니까 됨 컴파일 실패헤서 그런다는듯...