내맘대로 개발개발

이 글은 AJAX를 다룬 글과 함께 보면 좋을 듯하다. 원래 AJAX를 다루며 한 글에 작성하려했으나, 최근 CORS에러를 직접 겪고 해결방법을 찾아보다가 글을 따로 분리했다. 1. REST API ▪ RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스 ▪ REST(Representational State Transfer)는 API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처 ▪ 작동방식 1) 클라이언트가 서버에 요청 전송 2) 서버가 클라이언트 인증 후 클라이언트에게 해당 요청 수행할 수 있는 권한 있나 확인 3) 서버가 요청 수신 후 내부적으로 처리 4) 서버가 클라이언트에 응답 반환(응답 요청 성공여부, 상태 코드 등 포함) ➢ 응답 ..

1. split() ㆍStirng 클래스 메소드 ㆍ지정한 구분자로 문자열을 나눠 배열에 저장 ㆍ구분자로 여러개 사용시 |(파이프) 사용 ㆍ구분자에 정규식도 많이 사용한다. ㆍ예) 공백을 구분자로 문자열을 나눠 배열 arr에 저장 package stringTokenizerTest; public class SplitTest { public static void main(String[] args) { String text = "Happy day"; String arr [] = text.split(" "); //foreach문으로 arr배열 출력 for(String showArr : arr) { System.out.println(showArr); } System.out.println(); String text2..

String 연산 사용시 효율적 메모리 사용과 연산 성능 향상을 위해 Scanner 보다 BufferedReader/ BufferedWriter/ StringBuilder를 사용할 것을 권장한다. BufferedReader/ BufferedWriter/ StringBuilder 를 설명하기에 앞서 알아야할 개념이 hashCode()메소드와 String이 불변 객체라는 것이다. 1. hashCode() ㆍhashCode() 메소드를 호출하면 hashcode가 리턴 ㆍHashcode는 객체를 식별하는 Integer 값 (String값을 int로 리턴) ㆍJava에서 hashCode()는 Object 클래스에 구현되어있음 2. String은 불변객체 ㆍ아래 예시를 보면, 동일 변수 text1이지만, hashC..

1. Eclipse 환경 설정 기존에는 JSP를 리눅스서버에서 사용해봤던 터라 이클립스는 기본버전으로받아놨었다. 이번에는 Tomcat을 이클립스에서 실행하려고한다. 이를 위해서는 Eclipse IDE for Enterprise Java and Web Developers 를 설치해야한다. 기존에 이클립스 java버전을 받은 사람도 제거 없이 위 버전을 설치하면 된다. 내 경우에는 이클립스에서 jsp를 실행하고, 비주얼스튜디오코드에서 코드를 작성하려한다. 굳이 이렇게 나눠 사용하는 이유는, 코드 작성하기에는 개인적으로 vs code가 편하고, tomcat의 설정은 이클립스가 자동으로 잡아주기 때문이다. 1) Eclipse IDE for Enterprise Java and Web Developers 다운로드 ..

1. AJAX (Asynchronous Javascript And XML) 정의 ➢ JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML데이터를 주고 받는 기술 ▪ 자바스크립트를 통해서 서버에 데이터를 요청하는 것 ➢ 특정화면만 바꾸고 싶을 때 사용. ▪ EX) 네이버 로그인 할 때 로그인 부분만 변경됨. 페북 댓글 작성시 누가 작성중입니다. 라는 문구가 나온다. ➢ 전체 웹페이지를 로드할 필요없이 일부화면만 갱신해서 웹페이지 속도 향상 ➢ 클라이언트에서 서버로 데이터를 요청하고 결과를 돌려받을 수 있다. 그동안 브라우저가 멈추지 않는다. 2. 클라이언트와 서버 1) 클라이언트 ➢ 서버에서 정보를 가져와 사용자에게 보여줄 수 있는 소프트웨어. ▪ 예) 웹브라우저, App 2) 서버 ➢ ..

1. jQuery selector ※제이쿼리 객체로 만들기 $사용 => $(this) (1) $("p") ▪ p 태그들 선택 (2) $('input') ▪ input인 태그 전부 가리킴 jQuery.fn.init(7) [input#all, input, input, input, input, input, input, prevObject: jQuery.fn.init(1)] (3) $('input:checkbox‘) ▪ input 태그 중 checkbox 전부 가리킴 jQuery.fn.init(8) [input#all, input, input, input, input, input, input, input#log_button, prevObject: jQuery.fn.init(1)] (4) $('input:chec..

1. jQuery란? ▪ 자바스크립트 라이브러리 ▪ Element를 쉽게 찾고 조작가능 ▪ 뛰어난 호환성 ✓ 거의 모든 웹브라우저에 적용가능 ▪ 하락추세라고는 하나, 2020년 기준 점유율 75% ▪ jQuery 시작은 $ → jQuery객체 생성을 위해 $를 사용한다. 2. CDN (Contents Delivery Network) ▪ 자료를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템 ▪ 데이터 저장소를 복사한 복제본이 여러군데에 있는 것 3. jQuery cdn 종류 ▪ uncompressed, minified, slim, slim minified ▪ uncompressed ✓ 코드가 그대로 출력, 개발할 때 편리 ✓ 용량 288kb ▪ slim minifi..

1. Java Script 셀렉터 종류 ➢요소의 ID명 ▪ document.getElementById(“”); ➢요소의 class명 ▪ document.getElementsByClassName(“”); ➢요소의 tag 명 ▪ document.getElementsByTagName(“”); ➢ document.querySelector(‘’); ▪ 맨 처음 발견한 것만 반환 ➢ document.querySelectorAll(‘’); ▪ 일치하는 것 모두 반환 2. CSS 조작 ➢innerTEXT ▪ 태그도 문자자체로 인식 ▪ 문자그대로 로 입력 ➢innerHTML ▪ 태그를 변경할 때사용 ▪ 입력하면 줄바꿈 ➢ CSS조작 예시 ▪ addEventListener ✓ 특정 행동시 함수 발동 ✓ 예시에서는 butt..

JavaScript관련 기본개념 컴파일 소스코드를 기계가 이해할 수 있도록 기계어로 번역하는 과정 모든 언어는 컴파일 과정을 거치게 되어 있다. 인터프리터 언어 (interpreter) 실시간으로 실행되는 언어 → 컴파일 언어보다 빠름. 단순하기 때문 (컴파일 언어는 해석하는 컴파일러 과정필요) 예) Javascript , PHP , ASP , Python 반대: 컴파일 언어 등등.. 예) C, C++ , Java , Go DOM Document Object Model 문서 객체 모델 화면의 엘리먼트를 나타내는 것. log 프로그램 흐름 확인위해 남기는 기록 함수 function method, procedure등으로도 불림. 특정 동작을 수행하는 코드 native Java Script 네이티브 자바스크립..

for each 문을 쓰면 for 문을 쓸 때 보다 코드가 훨씬 간단해진다. for(타입 값받아줄 변수명 : 출력하고 싶은 자료구조(=배열)) for each문의 장점은 바로, 인덱스를 표기할 필요가없다는 것이다. for each문이 알아서 해당 배열의 처음부터 끝까지 모든 인덱스 값을 다 출력해준다. for each문이라고 부르지만, 표기할 때는 for 만 작성한다. for문으로 출력 시 예제 foreach로 출력 시 예제 int[] arr = {10,11,12,13,14}; for(int i = 0; i < arr.length; i++) { int value = arr[i]; //arr[0]~[4] System.out.println(value); } int[] arr = {10,11,12,13,14}..