영상을 전공 하며 대학에서 전공 필수로 들었지만 어려워서 포기했던 코딩들...졸업을 앞두고 졸업유예를 하며 국비교육으로 들었던 프론트엔드 수업..무엇인지 모를 자신감을 가지고 학교 다닐 때 들었던 수업의 마지막 기억을 되살리며 프론트엔드 국비 교육을 들었지만 결과적으론
오늘은 교육 첫날이다🐣 > ### ✅커리큘럼✅ 자바 - 5주 데이터베이스(오라클) - 1~2주 jdbc(자바 + db) - 1주~2주 (개인세미프로젝트) html/css/자바스크립트 - 1주~2주 jsp(서블릿) - 2주 ajax - 1주 jsp 세미 프로젝트(
210309 [연산자] 단항연산자 ++, --, ! 산술연산자 +, -, *, /, %(나머지 값) 관계연산자 >, >=, ==(같다), !=(같지 않다), 참이나 거짓 중 하나만 실행 형식) if(조건식) { 조건이 참일 때 수행할 문장
210310 [반복제어문] -for문 형식) for(초기식;조건식;증감식) { 반복실행문장; .. } -조건식이 만족하지 않을 때까지 반복적으로 문장을 반복수행함 [다중for문] 형식) for(초기식;조건식;증감식){ for(초기식;조건식;증감식){ 반복수
210311while문\-조건이 거짓일때까지 반복해서 문장을 수행한다.형식)while(조건식) { 반복수행할 문장; ..}다중while문형식)while(조건식) { while(조건식) { 반복수행할 문장; .. }}do~while문\-형식do { 실행문장; ..}
2103122차원배열\-첨자가 두개인 배열\-형식 자료형 배열=new 자료형행첨자; 예) int a=new int3; a0=1; a0=2; ...
210315사용자 정의 메소드\-어떠한 기능을 갖는 코드의 묶음\-형식 리턴형 미소드명(매개변수, ...) { 실행문장; ... return }\-자주 반복되는 기능이나 복잡한 기능을 여러개의 세부 기능으로 쪼갤 때 메소드를 만든다.메소드의 여러 형태\-매개변수나
210316오버로딩(Overloading\-같은 이름의 메소드를 중복해서 정의하는 것\-메소드 이름은 같지만 파라미터 타입이나 갯수가 달라야 한다.예)class AA { int add(int x, int y){...} int add(int x, int y, int z)
210317상속(\*\*\*)\-기본클래스(부모클래스, super클래스)의 속성과 메소드를 물려받고 기존의 기능을 수정하거나 새로운 기능을 추가(확장)하는 것\-형식 class 부모클래스명 { ... } class 자식클래스명 extends 부모클래스명 { ...
210318추상클래스\-추상메소드를 포함하는 클래스\-객체를 생설할 수는 없고 오로지 상속의 목적으로 만든다.\-만드는 형식:클래스명에 abstract를 붙여서 만든다.추상메소드\-body(몸체)를 갖지 않는 메소드\-추상메소드는 자식클래스에서 반드시 오버라이딩 해야한
210319Wrapper클래스\-기본자료형(int,char,double...)을 클래스로 포장해 놓은 것\-기본자료형에 간련된 속성과 메소드를 갖는다.int -> Integerchar -> Characterlong ->Longdouble -> Double
210322ArrayList(\*\*\*)\-객체를 배열처럼 관리하기 위한 클래스. 배열은 사이즈가 고정되어 있지만 ArrayList는 객체의 크기만큼 사이즈가 조절된다.\-주요 메소드 public boolean add(E e) : 요소 추가 public E get(i
210323Map(\*)\-Key와 Value를 한쌍으로 저장하고 관리하는 클래스\-Key값은 중복될 수 없으며 Value는 중복이 가능하다.\-데이터 검색시 용이하다.\-주요메소드 public V put(K key,V value) : key와 value를 한쌍으로 저
210324예외(Exception)\-예외:프로그램 실행 중에 발생하는 경미한 에러\-예외처리:예외가 발생 되었을 때 이에 대한 적절한 처리를 하는 것\-형식) try { 예외가 발생될 수 있는 실행 문장; .. } catch(예외타입 참조변수) { 예외가 발생
210325BufferedOutputStream:버퍼의 사이즈를 조절하는 기능을 갖는 클래스DataOutputStream:기본자료형을 출력하는 기능의 스트림DataInputStream:기본자료형 데이터를 읽어오기 위한 스트림
210326ObjectOutputStream:객체를 읽어오기 위한 스트림(시리얼라이즈,,,? 검색각,,)객체의 직렬화\-객체를 바이트 단위로 쪼개서 일렬로 나열하는 것\-역직렬화:직렬화된 객체를 다시 조합하는 것\-직렬화 가능한 클래스 만들기 - Serializable
210329스레드\-하나의 응용프로그램에서 여러개의 작업을 경량의 프로세스로 나누어 실행하는 것\-시간이 오래 지연되는 작업이나 동시에 실행되어야 하는 작업이 있을 때 스레드로 실행한다.\-스레드 만드는 방법 방법1)Thread클래스를 상속 받아 만들기 방법2)Runn
210330람다식\-jdk 1.8버전에서 추가된 기능\-메소드를 하나의 식으로 간단하게 표현한 것\-형식 (자료형 변수)->{메소드 실행코드;}\-함수형 인터페이스에서만 람다식을 사용할 수 있다.함수형 인터페이스인지 아닌지 체크하는 법 : @FunctionalInter
210331서버프로그램1.ServerSocket 생성(포트번호지정)2.accept 메소드를 호출(클라이언트 접속대기->허용->데이터를 송수신할 소켓객체 생성)3.Socket객체를 통해 데이터 주고받기(io스트림 사용)4.접속종료(소켓닫기)서버프로그램1.서버접속하기(So
210401URL:웹상에 존재하는 자원들에 접근하는 기능을 갖는 클래스자바에서의 이벤트 처리1\. 이벤트 \-윈도우상에서 발생되는 여러 사건(마우스 클릭, 키보드 누름, 윈도우 닫힘, ...)2\. 이벤트 처리 \-이벤트가 발생되었을 때 실행할 작업을 구현하는 것 \-
210402KeyListener:키보드의 키를 눌렀을 때 이벤트를 감지하는 리스너(어댑터 클래스:KeyAdapter)KeyEvent.VK_ENTER:키 값이 엔터키인 경우
210407https://www.oracle.com/index.html -> products ->Software-Oracle Database->Download Oracle Database 19c->Oracle Database Express Edition-Ora
(3) 문자열결합연산자 (||) SELECT EMPNO || '사원의 이름은' || ENAME || '입니다' FROM EMP; 결과>> EMPNO||'사원의이름은'||ENAME||'입니다' (3) 복수행함수(그룹함수) <1> COUNT(컬럼명) :
3) 복수컬럼 서브쿼리 \- 서브쿼리의 실행결과가 여러개의 컬럼과 여러개의 행을 리턴해 주는 쿼리 (6) 조인 (\*\*\*) \- 하나의 테이블로는 원하는 컬럼정보를 얻어올 수 없을때 관련된 테이블을 논리적으로 결합하여 컬럼정보를
DML - 데이터 조작어(데이터입력-INSERT, 수정-UPDATE, 삭제\_DELETE)<1> INSERT 데이터를 추가할때 사용INSERT,UPDATE,DELETE 구문은 DB에 반영할때는 COMMIT,취소할때는 ROLLBACK을 사용한다.형식 INSERT
제약조건(\*\*\*) \- 테이블의 해당 컬럼에 잘못된 값이 입력/변경/삭제되는 것을 방지하기 위해 설정되는 조건(무결성 제약조건)결함이 없는 데이터를 관리하기 위함 1) 종류 <1> PRIMARY KEY (기본키)하나의 테이블에 하나만 존재하
210414워크시트 - 왼쪽 바에 마우스 오른쪽 버튼 - 행번호 토글 -> 행 번호 나옴출력 안되면 SET SERVEROUTPUT ON 쓰고 실행 3 저장프로시져(Stored Procedure) 4 사용자정의 함수(Stored Function) \- 사용
210415\*이클립스 어두운 테마에서 sql 색깔 바꾸기 -> window-preferences-data management-sql development-sql editor-syntax coloring 에서 바꿀 수 있음JDBC (Java DataBase Conne
210416PreparedStatement\-Statement를 상속받은 인터페이스로 SQL구문을 실행하는 기능의 객체\-사용방법 SQL문장에 변수가 들어갈 부분을 ?로 넣고 실행시에 ?에 대응되는 값을 setXXX 메소드로 설정한다.\-특징 1) Statement는
210419트랜잭션1\. 트랜잭션:분리되어서는 안되는 연속적으로 수행되어야 할 작업의 묶음2\. JDBC에서의 트랜잭션 처리 \-JDBC에서는 자동커밋이 기본으로 설정되어 있다. 트랜잭션 처리는 Connection객체를 통해서 설정한다. \-방법 Connection c
210420VO클래스(Value Object)\-데이터(값)을 담는 기능의 클래스\-하나의 row를 담는 역할(DTO:Date Transfer Object)\-테이블의 컬럼명과 동일한 이름으로 멤버변수를 만든다.\-멤버변수값을 저장하는 setter 메소드를 갖는다.\-
210426이클립스 시작 폴더 바꾸기 : file - switch workspace - other - 경로지정하기eclipse.org - download - download pakages - Eclipse IDE for Enterprise Java and Web Dev
210427css셀렉터id셀릭터:- class셀렉터:.클래스명tag셀렉터:태그명/id속성이 a인 요소에 적용//클래스 속성이 b인 요소들에 적용/.b {width:300px; border:3px solid green;}/class속성이 c인요소의 자식요소 h1에 적용/
210428css파일 링크걸기 : 변수 선언var:적용범위->함수let:적용범위->선언블록const:상수선언사용자 정의 함수 만들기function 함수명(매개변수, ...) { 실행코드; .. return;}
210429css변경객체명.style.속성명="설정값";\*tern 플러그인help-install new software-add-이름:tern/location:http://oss.opensagres.fr/tern.repository/1.2.0/-add-설치-재
210430\-setInterval(호출할 함수,반복주기);예)setInterval(myFunc,1000); => 1초에 한번씩 myFunc을 호출한다.\-clearInterval(타이머아이디);DOM=Document Object Model
210503btn1.addEventListener('이벤트명', 호출될 함수명);자바스크립트 부분 아래쪽에 쓰는게 처리속도가 더 빠름캡쳐링:이벤트발생 순서:false(자식->부모), true(부모->자식)
210504Configure - Convert to tern project - jQuery 체크 - Apply and close
210506<% //스크립트릿 - 자바코드 작성%>out:클라이언트브라우져에 출력기능 -> html형식으로 작성해야 함form 태그1\. method:요청방식(get,post), 기본으로 설정된 방식은 get2\. action:전송할 서버페이지 주소(생략하면 자신
210507jsp02_member - update.jsp/updateOk.jspjsp03_servlet - JoinServlet.java/quiz.html/SumServlet.java/main.jsp/insert.html/InsertServlet.java/ListSer
210510jsp05, jsp06, jsp07어노테이션?service 메소드 - get/post 요청시 모두 호출됨doPost 메소드 - post방식으로 요청시 호출됨doGet 메소드 - get방식으로 요청시 호출됨init 메소드 - 서블릿이 생성될 때 딱 한번 호출됨
210511jsp07 - 3_application / jsp08 / jsp09<<페이지이동(\*\*)>>포워드방식(forward)request 스코프에 담긴값이 유지된다. (request, response가 유지됨)이동된 url이 사용자 화면에 안보인다. (
210512jsp09 - 3/jsp10게터세터 단축키 : alt+shift+s프로젝트 할 때 파일 다 jsp로 만들기dao, vo 이용해서 회원정보 수정, 삭제, 등록 만들기
210513jsp11 / jsp12쿠키(Cookie)1) 서버가 클라이언트에 남기는 정보 부스러기2) 제한크기 : 4kb3) 제한갯수 : 300개4) 종류 \- 클라이언트 하드디스크에 저장되는 쿠키(파일형태로 저장) \- 클라이언트의 메모리상에 저장되는 쿠키(웹브라우져
210514jsp13 / jsp14모델2 MVC model(비즈니스로직/Dao,,) view(보여지는 영역/JSP) controller (중간/Servlet)컨트롤러1\. 클라이언트 요청에 따른 비즈니스로직을 처리하기 위한 모델객체 호출2\. 모델객체가 보내온 결과값을
210517게시판 만들기
210520jsp17 - 게시글 검색 기능 추가 / jsp18 / http://servlets.com/ - Servlet Software - Download the package - Download - cos-20.08.zip 다운로드 - 압축풀기 - lib
210524jsp18 - 다중파일업로드 기능 / jsp19 / jsp20 / jsp21 / jsp22 / Filter클라이언트의 요청을 중간에 가로채서 요청페이지로 가기 전에 특정 작업을 수행함수행 후 요청페이지로 갈 수도 있고 다른 페이지로 이동도 가능하다.만드는 방
210525ajax01Ajax(Asynchronous Javascript and XML)비동기통식 방식의 자바스크립트와 XML웹브라우져가 아닌 XMLHttpRequest객체를 통해 웹서버와 통신한다.웹서버의 응답결과는 XML 또는 단순 텍스트로 응답된다.페이지의 이동
210526ajax02 / json서로 다른 프로그래밍 언어간의 데이터 통신을 위한 표기법(읽고 쓰기 쉬운 표현법)경량의 데이터를 교환하는 방식으로 인터넷에서 데이터를 주고 받을 때 표현하는 방법name/value 형태의 한쌍으로 표현된다.https://www
210527ajax03post방식으로 요청시 콘텐트타입에서 인코딩방식 설정하기 - 꼭 해줘야 함post로 보낼때에는 send 메소드에 파라미터 정보를 넣는다.프로젝트 발표 6월 14일 (월)
210528깃 설치\*이클립스 디버깅하기F5 한단계를 실행하며 메소드 안으로 진입F6 다음라인 실행F7 메소드 빠져나가기그냥 실행 ctrl+f11디버그 실행 f11마우스 오른쪽 - Debug As - Java Application 하면 디버그 모드로 바뀜줄번호 왼쪽에
210615https://jquery.com -> download jquery 3.6.0 -> Download the compressed, production jQuery 3.6.0\*jqueryjavascript window.onload=function()
210616value속성값에 '홍'을 포함한 요소=>inputvalue\*='홍'value속성값이 '홍'으로 시작하는 요소=>inputvalue^='홍'$("$("$("$("$("
210520 프로젝트 주제 정하기210614 프로젝트 발표
210617jquery02 test09, jquery03jquery에 ajax 사용하기
210618jquery04 / jquery03-ajax5_jsonevent.preventDefault(); //href속성에 설정된 페이지로 이동하는 것을 막음
210621jquery03 - ajax7_load / ajax8_openapijquery05_ui네이버 로그인 - 더보기 - 서비스 전체보기 - NAVER Developers - 오픈 API 목록 - 상단 메뉴 Documents - 서비스 API - 검색 - 생성스크립
210622https://plugins.jquery.com/magnific-popup/ - 0.99 download now 클릭해서 다운로드 - 압축해제\*node.jshttps://code.visualstudio.com/docs/?dv=win - D
210623day02package.json 파일 만드는 방법(node_modules 설치 방법) : npm init -> npm install ejs\*MySQLhttps://www.mysql.com/ - DOWNLOADS - MySQL Community Se
210624day03ejs -> jade자식태그 -> 탭키 or 스페이스 두번npm install jadecmd 창 켜서 입력 (day03 디렉토리 창에서 cmd 치고 엔터 치면 c:\\nodejs\\day03> 이렇게 cmd 뜸)npm install express -
210625day03 회원목록 조회, 회원정보 삭제/수정javascript, jquery 시험
210628C:\\nodejs\\day05\\mongodbmongodb : no sqlsql(structure query language)\-MongoDB 설치 : https://www.mongodb.com/cloud/atlas/lp/try2?utm_sourc
210629day05 - socket.io / day06Destructuring - 구조분해할당 (ES6버전에서 추가된 기능)var username=obj.username;var age=obj.age;var {username,age}=obj;객체.emit('이벤트명',
210630mybatis01https://spring.io/ - Projects - Spring Tools 4 - https://github.com/spring-projects/toolsuite-distribution/wiki/Spring-Tool-S
210701mybatis02_boardmybatis crud 기능
210702mybatis03, 04, 05, spring01Junit -> 실행하고 싶은 메소드 이름 위에 마우스 우클릭해야 해당 메소드만 실행됌\*spring프로젝트 우클릭 - configure - convert to maven project -> maven이 적용될
210705spring01_test.di02 / 03 / 04 / 05 / spring02 / Spring DI(Dependency Injection)객체간의 의존관계를 스프링이 설정 (setter메소드 / 생성자)https://projectlombok.org
210706spring03 / spring04 / spring05 / spring06 / spring07 / 스프링에서는 SqlSession의 라이프사이클을 스프링이 관리한다.\-openSession(), close()메소드를 사용자가 호출하지 않음 -> 스프링이 관리
210707spring08 / spring09 / spring10 / spring11 / new - spring legacy project - 이름 쓰고 - 밑에 Spring MVC ProjectappServlet-servlet.xml : MVC 기능의 객체 설정app
210708spring11 - update / @GetMapping("/delete") -> getmapping은 스프링 4.0이상에서만 사용 가능한 어노테이션 (get방식으로 처리할 때)기술면접 때 자바 기본, 스프링 질문 많이 함정적자원 : 이미지/css파일/js파
210709spring13 - insert, paging/\*\* (엔터 치기) -> api 만들 때 사용되는 주석
210712spring13 - delete, update / spring14https://mvnrepository.com/ - spring test 검색매퍼인터페이스 만들기\-Mapper XML 파일과 동일한 이름의 패키지와 인터페이스명으로 만들기\-Mappe
210713spring14 - delete/update/fileupload/filedownload/ spring15
210714spring15 / spring16 / @RestController\-Spring4버전에 추가된 어노테이션\-Rest 방식으로 데이터 응답(@ResponseBody를 쓰지 않아도 쓴것과 똑같이 응답됌)
210715spring16 - 댓글 목록, paging처리 / spring17 / spring18스프링에 tern 플러그인 설치하기,,https://mvnrepository.com/search?q=maven+war (https://mvnreposito
210716AOP -> 관점지향프로그래밍\-핵심기능 |-------------------->분리\-공통기능(Advice)\-> 트랜젝션 기능핵심, 공통 기능 합쳐진 객체 -> 스프링(Proxy Bean)https://mvnrepository.com/ -> as
210719spring19 - test.aop.07 / spring 20 / spring21 / spring22\*트랜잭션 설정1.트랜잭션 매니져 설정2.트랜잭션 전파규칙 설정3.aop 설정https://mvnrepository.com/ - spring se
210720spring22 - login,logout / spring23스프링시큐리티를 사용할 때는 post로 요청시 csrf 토큰값이 전달되어야 함
210721spring 25 / 톰캣 서버 사용하는 방법
210722스프링부트(스프링부터에서 jsp 기본제공 안되서 되도록 모듈 가져오기) -> https://mvnrepository.com/search?q=tomcat - Tomcat Embed Core - 붙여넣고 버전 지우기jstl 검색 - 두번째 jstl 들어
210723vue.jsjquery보다 가볍게 사용할 수 있음https://kr.vuejs.org/v2/guide/index.html데이터를 표현할 때는 이중중괄호(머스태시)로 표현한다.기본적으로 html요소에 대해서 실행하는 명령은 디렉티브이며 v-를 붙여서
210726vuejs - test07, 08, 09, 10vuejs에서 ajax 쓸 때는 axios 라이브러리 필요https://axios-http.com/docs/introhttps://xn--xy1bk56a.run/axios/guide/api.ht
210727test11, 12, 13, 14, 15, 16, 17, 18산출 속성 정의 - 연산의 실행결과값을 갖는 속성(복잡한 연산을 갖는 경우 사용)