정리정돈 개발블로그~

시험!! 1. Mybatis 설정파일에서 오류가 발생하는 부분을 해결한 구문을 작성하시오 => 답: null이 대문자(Null)이여야함 2. Select 문을 choose,when,otherwise 를 이용하여 and 구문이 적절하게 출력될 수있도록 수정하시오. (MyBatis의 동적 쿼리 작성 문제) [문제] SELECT BOARD_NO, BOARD_TITLE, USER_ID, COUNT, CREATE_DATE FROM BOARD B JOIN MEMBER ON(BOARD_WRITER=USER_NO) AND USER_ID LIKE '%' || #{writer} || '%' AND BOARD_TITLE LIKE '%' || #{title} || '%' AND BOARD_CONTENT LIKE '%' || ..

월화수 -> 리액트 학습 목금 -> js 작업 한 것을 리액트로 변환 [리액트] MVC 아키텍처 : model, view, controler 리액트 디자인패턴 없음 view만 신경쓰는 라이브러리 스프링 : 프레임워크+ 라이브러리 초기 렌더링 필요 render 함수가 반환하는 결과를 곧바로 DOM에 반영하지 않고, 이전에 render 함수가 만들었던 컴포넌트 정보와 현재 render 함수가 만든 컴포넌트 정보를 비교 virtual DOM : 갱신이 아닌 다시 만듦, 마지막 렌더링 과정에서 업데이트함 리액트는 뷰만 신경 쓰는 라이브러리이므로 기타 기능은 직접 구현하여 사용해야 함 [git Bash] $cd d: -> D드라이브 접근 $ mkdir KH_React -> 폴더 만들기 $ pwd -> 현재 위치 ..

10/12 인터페이스 구현 마르바티스? -> 시험 대비 알려주심 jquery, 넥사크로 => 생략 이번주) ajax, 서버클라이언트 통신 부분할 예정 10/24 서버프로그램 구현 -> 자바(이클립스로) 10/21까지 -> 라이브러리 : 구현하지 않은 기능을 가져다 씀(통신부분은 순수js를 따름) 프레임 워크 : 기능 단위로 구현된 기술+도구 (뷰, 앵귤러) [이번주] 10/12 : JSON, AJAX, REST API부분 10/13 : 생성자와 클래스 구문(내일 오전 js끝남), 오후부터 리액트 10/14 : 시험 10/31까지 서버로 뚫기... 리액트를 넣을 것인가? 1. 프론트를 무엇을 가져갈 것인가..? 2. 11/1부터 프로젝트, (서버 응답까지 배운 상태) [json] : 자바스크립트 객체를 문..

애플페이 : NFC통신 (Near Field Communication), 쌍방향 -> 기기가 따로 필요함 rfid : 고속도로 하이패스 통신, 단방향(읽기만 함) MST(Magnetic Secure Transmission) : 삼성페이, 기기 따로 필요없음 NFC 기반 어플 개발이 활발해 질수도??? 개발 + NFC관련 기술 알고 있으면 수월할 듯 // 6. 자바스크립트에서 태그 앨리먼트의 객체정보를 가져오는 document 메소드 // 사용 구문 2가지기술:getElementById // document.getElementById("id") // document.getElementsByClassName("class") // document.getElementsByTagName("tag") // 7. H..

이벤트 객체는 이벤트 타입에 따라 발생하는 이벤트의 각종 정보가 들어 있는 객체 집합 개발자가 직접 생성하는 것이 아니라 이벤트가 발생하면 실행되는 함수의 매개변수로 같이 전달 됩니다. this키워드에서 이벤트 함수를 화살표 함수로 작성하면 this의 범위가 달라져서 this가 이벤트 발생 노드를 가리키지 않음 (콜백함수에서는 this에 해당 이벤트가 리스너가 호출된 엘리먼트가 바인딩 되도록 정의되어 있음) => 익명의 함수를 쓰는 것이 좋음 function this와 화살표함수의 this는 다름 (내부동작이 달라짐) 클릭 클릭 네이버 이동 다음 이동 text-1 text-2 text-3 text-1 text-2 text-3 ===> 오류 뜸 -> 간단히 함 window 객체 속성 window 객체 속성..

당첨자 발표 let seed = prompt("전체 응모자 수 :", ""); let picked = Math.floor((Math.random() * seed) +1); document.write("전체 응모자 수 :" + seed + "명"); document.write(" "); document.write("당첨자 : "+ picked + "번"); 출력 HTML 문법으로 작성한 태그, 주석, 텍스트와 같은 구성 요소들은 웹브라우저에서 각각 하나의 객체로 인식 문서 객체 모델(DOM) :HTML 구성 요소들을 다루는 객체 document는 노드가 아니라 객체이므로 html이 루트 노드가 됨 let doc = document.firstChild; console.log("doctype : "+doc);..

주력 언어를 가져야 함 리터럴 표기법 : 변수를 선언함과 동시에 그 값을 지정해주는 표기법을 말함 -> 메모리 위치(공간) 안에 저장되는 값 // 객체 리터럴로 객체를 생성하는 방법 // let memberInfo = { // name: "유나", // age: 20, // addr: "경기도 수원시", // gender: "여성" // }; // console.log(memberInfo); // 생성자로 생성하는 방법 function MemberInfo(name, age, addr, gender){ this.name = name; this.age = age; this.addr = addr; this.gender = gender; } let memberInfo = new MemberInfo("유나", 2..

제이쿼리를 덜어내는 추세 typescript 유행 -> javaScript에서 타입이 없기 때문 자바의 이점을 가지고 있음 타입이 없다면 ? -> 해석기에서 부담을 가짐 특정 작업을 실행할때만 js실행하도록 함 특정 작업을 여러 번 반복해야하는 경우 해당 작업을 재사용 가능한 구조로 만들게 될 때 사용 자바 객체 필드 메소드와 유사 함수 선언식 : function sum(p1, p2){ let sum = p1 + p2; return sum; } p1, p2 파라미터(입력값) 라이브러리 : 함수들의 모임, 내부코드 숨겨 놓음 ex.let sum = p1 + p2; // 함수 : // 1. 특정 작업을 여러번 반복 수행해야하는 경우 재사용 목적으로 만듦 // 2. 특정 이벤트 발생 시 기능을 동작하게 할 수..

10/24~ 11/9 까지 스프링부분 크롤링부분 후반부에 과제 해결하면서 풀어갈 듯 휴대폰 번호 인증, 크롬에서 보안 문제 -> 프로젝트하면서 해결해야할 듯 면접 : 도전적, 적극적, 새로운 기술에 거부감 없음 let desc= "안녕하세요. \n저는 \\ \"곰돌이\t사육사\" 입니다." ; console.log(`백틱을 사용해 봅시다.....${desc}.............`); // 변수 삽입하고 싶은 경우 사용 가능 console.log("백틱을 사용해 봅시다....."+desc+"............."); // 템플릿 문자열 : 백틱 `${변수}` "문자열" '문자열' // ``안에 ${} pritf같이 서식을 지정 할 수 있다. // 배열 기본 : 대괄호로 묶어서 생성한다. // 배열의..

js : 동적으로 동작하게 하기 위해 자바스크립트 사용 버전 es2015=es6 : 함수형 프로그래밍 지원 node. js : 자바스크립트 해석을 브라우저 밖으로 빼서 서버에서 자바스크립트를 동작할 수 있게 해줌 자바 스크립트로 알고리즘 풀어도 됨(자바와 문법이 비슷함) 바닐라 js : 어떠한 라이브러리나 프레임워크를 쓰지 않는 순수 자바스크립트 [자바스크립트로 할 수 있는 일] 웹의 요소를 제어 : 동적으로 움직이는 화면 제작 (ex. 버튼 클릭하면 배경화면 색 변경) 화면 가입 정보 등의 정보가 맞는지 체크 후 서버 전송 마우스나 키보드 동작에 대한 이벤트 감시 웹 애플리케이션 제작 : 과거 앱에서 구현 가능한 분야를 웹에서 처리 가능 다양한 라이브러리 사용 : 리액트, 뷰, 앵귤러 등의 라이브러리나..