본문 바로가기
728x90

코딩/수업 정리69

21.01.28 [047] Thu 자바스크립트 (PT)Javascript와_Node.js_20강_jQuery 기본 메서드 text()와html()반드시 정리 매우중요 text( )는 안에있는거 읽어들이는것 Hello javascript! Hello jQuery! Hello node.js! html() 메서드 text() 메서드 addClass() 메서드 removeClass() 메서드 CSS METHOD Remove Object! Empty Object! (PT)Javascript와_Node.js_21강_jQuery 이벤트 얘 자체를 listner라고한다. console.log(~~는 callback함수 //클릭할때마다 숫자가 올라가는 이벤트함수 event.preventDefault(); 하게되면 해당 동작을 중지시킨다. (그다음동작으로.. 2021. 1. 28.
21.01.27 [046] Wed 질문관련 erros.rejectValue("필드","에러코드","메시지"); 자바스크립트 (PT)Javascript와_Node.js_18강_jQuery 선택자 $(document).하게되면 onload랑 똑같은것. #Id.class $((=제이쿼리)안에는 선택자가 들어간다.) jQuery selector centent ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅌ ABCDEFGHIJKLMN 서울 경기도 충청도 전라도 경상도 강원도 제주도 [$(documnet).ready(function() = $(function() 의 기능] UserID UserPW Submit Reset Food 사과 바나나 수박 이만기 이승엽 이종범 이재학 이순철 이길동 이동국 (PT)Javascript와_Node.js_19강_jQuery DOM 조작 자식.. 2021. 1. 27.
21.01.26 [045] Tue SPRING 신입SW인력을_위한_실전_자바(Java)_스프링(Spring)_동영상과정_제16강_스프링MVC 게시판-I jsp에서 command부분이 spring에 service부분이다. jsp에서 dao부분이 spring에서 repository(잘안씀),영속계층, mapper(34버전. interface개념)이다. command부분이 service / dao부분이 mapper 위그림 순서 백퍼 면접질문. HandlerAdapter는 왜 없는지 모르겠지만.... 암튼 무조건 외우기 linked2ev.github.io/spring/2019/08/12/Spring-1-%EC%8A%A4%ED%94%84%EB%A7%81-MVC-%EC%9D%B4%EB%9E%80/ 참고하기! [Spring] Spring에서 말하는 .. 2021. 1. 26.
21.01.25 [044] Mon 롬복이 설치 medium.com/@dlaudtjr07/spring-boot-lombok-%EA%B0%9C%EB%85%90-%EB%B0%8F-%EC%84%A4%EC%B9%98-71f9dbbc2f42 [Spring Boot] Lombok 개념 및 설치 Lombok이 뭐지? medium.com @Data 에노테이션만 입력하면 getset hashtag등등 모든거 다 만들어줘서 개발자들 다 씀. [pom.xml] 에 붙여넣기 org.projectlombok lombok 1.18.0 provided 이렇게 뜨면 성공! ================================================================ SPRING 신입SW인력을_위한_실전_자바(Java)_스프링(Spring)_동영상.. 2021. 1. 25.
21.01.22 [043] Fri SPRING 신입SW인력을_위한_실전_자바(Java)_스프링(Spring)_동영상과정_제12강_컨트롤러 [HomeController.java] package edu.bit.ex; import java.text.DateFormat; import java.util.Date; import java.util.Locale; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.spr.. 2021. 1. 22.
21.01.21 [042] Thu (PT)Javascript와_Node.js_12강_자주쓰이는 내장객체 prototype은 공용. 블로그발췌 function Person() { this.eyes = 2; this.nose = 1; }var kim = new Person(); var park = new Person();console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1console.log(park.eyes); // => 2 console.log(park.nose); // => 1 kim과 park은 eyes와 nose를 공통적으로 가지고 있는데, 메모리에는 eyes와 nose가 두 개씩 총 4개 할당됩니다. 객체를100개 만들면 200개의 변수가 메모리에 할당되겠죠? 바로 이런 문.. 2021. 1. 21.
21.01.20 [041] Wed 소셜 로그인 구현 게시판 구현 - 데이터베이스 구성 외부라이브러리 연동 javascript ※콜백함수 반드시 알기※ 실력발휘하게되는것중 하나 어제 이어서 (PT)Javascript와_Node.js_09강_함수-심화 콜백은 다른 함수가 실행을 끝낸 뒤 실행되는 — call back 되는 함수를 말한다. 조금 자세히: 자바스크립트에서 함수는 object이다. 이 때문에 함수는 다른 함수의 인자로 쓰일 수도, 어떤 함수에 의해 리턴될 수도 있다. 이러한 함수를 고차 함수 higher-order functions 라 부르고 인자로 넘겨지는 함수를 콜백 함수 callback function 라고 부른다. 콜백함수 (Callback) cmelcmel.tistory.com/83 - 콜백함수란 사용자가 주체가 되어 사.. 2021. 1. 20.
21.01.19 [040] Tue 자바스크립트 (PT)Javascript와_Node.js_05강_배열 IndexOf()는 String값만 찾는다. 발견하지 못하면 -1을 반환한다. immutable인지 아닌지 구분하는게 중요 reverse [join 과 reverse] push()는 배열갯수 세는것. shift()랑 pop()은 패스 - 선생님도 써본적없다. (PT)Javascript와_Node.js_06강_제어문-조건문 [javascript로 성적표 만들기 예제] document.write로 쓰면 바로 출력된다. [11과7의 배수 중 첫번째인 배수만 출력하기 예제] [구구단 몇단인지까지 추가해서 출력하기] (PT)Javascript와_Node.js_08강_함수-기본 function은 return타입이 없다. var밖에 표현되는게 없기때.. 2021. 1. 19.
21.01.18 [039] Mon 자바스크립트 자동완성 하는방법 - 이거 안하면 개발하기 힘듦 참고↓ code-nen.tistory.com/8 oss.opensagres.fr/tern.repository/1.2.0/ 붙여넣기 계속 next하고 accept하고 finish 블로그에서 하라는대로 하면 이제 ctrl+space로 javascript,jQuery를 불러올 수 있다. 프로젝트마다 이렇게 적용시켜줘야한다! (PT)Javascript와_Node.js_01강_개발환경설정 자바스크립트 탄생배경 서버쪽 x , 웹브라우저쪽에서 동적으로 만들기 위해(음악, 영상 등등) 코드를 쓰는것 = javascript 자바스크립트 웹브라우저를 동적으로 만든것이 혁신적. 얘는 WAS가 해석해주는 언어가 아니다. 클라이언트(웹브라우저)가 해석해주는 언어이기 .. 2021. 1. 18.
21.01.15 [038] Fri -게시판 list구현 문제점- list 구현 frontcontroller를 servlet으로 생성 코맨드 , 리스트코맨드 dao dto 인터페이스 구현 부모는 {}있으면안되고 ;이거만 줘야한다. 인터페이스랑 자손에 public 붙이면안됨! controller에 actionDo(request, response); 이거 넣는거 잊지말기! 도메인 제약조건 not null - null값 없게 사용자값이아니라 이미 정해지게 - default check-제약조건 추가 '010-%-____'이런식으로 \d{4} entity제약조건 -primary key,unique 식별관련컬럼(기본키=primary key), 중복되지않는 컬럼 -primary제약 걸면 중복x, 만약 공지를 쓸때 한 아이디에만 제약을 걸고싶으면 uni.. 2021. 1. 15.
21.01.14 Thu [037] 복습: 쿼리문에서 mvc_board_seq.nextval; 이게 bId 쪽에 넣어서 bId가 생성할때마다 하나씩 증가시키는것//sql에서 시퀀스 들어가보면 CACHE_SIZE가 20이어서 20번부터 나온다. BDao에서 SELECT는 executeQuery() (반환값은 ResultSet)으로 , INSERT UPDATE DELETE는 executeUpdate() (반환값은 X)로, - why? 결과집합이 없으니까 결과가 몇개로 영향을 받았는지 알려주는 Integer로 반환. - 그럼 while(rs.next())없어도되고, 쿼리문을 insert로 맨위에 변수 준비. executeQuery 랑 executeUpdate 두개 차이만 이해!! CTEATE ARTER은 .... =============== s.. 2021. 1. 14.
21.01.13 Wed [036] SQL outer join 조인 조건에 만족하지 않는 행도 나타내는 조인 기법이다. SELECT * FROM emp; ↓결과 SELECT employee.ename || '의 매니저는 ' || manager.ename || '입니다.' FROM emp employee, emp manager WHERE employee.mgr = manager.empno (+); ↓결과 DML(데이터 조작어)" select, insert ,update, delete -" 데이터 다루는 것 DDL(데이터 정의어) "create, alter ,crop ,rename ,truncate "-테이블 다루는 것 DCL TCL - 이거 두개는 나중에 배움. 일단 연습용으로 쿼리 복사 //테이블만 복사? CREATE TABLE DEPT0.. 2021. 1. 13.
21.01.12 Tue [035] jsp jsp_lecture_24 test를 꼭 써야함 vatName : vatName : 1 + 2 = 3 1 + 2 != 3 ${fEach} ${dish } ${dish } fEach → 배열에 쓰인다. jsp_lecture_20 실무에선 반드시 커넥션풀 을 사용한다. 서버가 터지면 알아서 해결해야한다. - 그 원인과 해결방법을 알아가는 커넥션 풀(DBCP) 웹브라우저=클라이언트 서버(DBCP)=접속하는 곳. (프로그래밍쪽에서 죽을수도있고 메모리가 깎여서 죽을수도있고 원인은 많음) 근데 서버에서 죽는 경우엔 많지 않음 DataBase= 오라클서버. 톰캣 ★서버에서 DB(오라클서버)로 접속하는 구간에서 서버가 죽는일이 많다.★ 서버에 몇만명 몰리게되면 con = DriverManage.getConnec.. 2021. 1. 12.
21.01.11 Mon [034] JSP jsp_lecture_23 실무에선 이거 안씀 스클립어쩌구. 이제 EL이거 씀 EL 표현식 ${value} ( 와 같은 뜻) EL의 액션태그 ${memver.name} 은 ${member.getName} 을 호출하는것 [el.jsp] ${10} ${99.99} ${"ABC"} ${true} //10 //99.99 //ABC //true ↓연산도 가능하다 [eloperator.jsp] ${ 1+2 } ${ 1-2 } ${ 1*2 } ${ 1/2 } ${ 1>2 } ${ 12) ? 1 : 2 } ${ (1>2) || (1 아이디 : ${member.id} 비밀번호 : ${member.pw} 아이디 : ${param["id"]} 비밀번호 : ${param["pw"]} [objectel.jsp]-WebC.. 2021. 1. 11.
21.01.08 Fri [033] SQL Oracle wikidocs.net/3935 Dual 테이블 이란 ?( from dual; ) 오라클 자체에서 제공되는 테이블 간단하게 함수를 이용해서 계산 결과값을 확인 할 때 사용하는 테이블 select 'welcome to oracle' "적용전", upper('welcome to oracle') "upper적용후" from dual; // 테이블이름 :upper적용후 / 출력 WELCOME TO ORACLE select 'WELCOME TO ORACLE' "적용전", lower('welcome to oracle') "lower적용후" from dual; // welcome to oracle select 'WELCOME TO ORACLE' "적용전", INITCAP('WELCOME TO CR.. 2021. 1. 8.
21.01.07 Thu [032] 오라클(oracle) 데이터베이스란? 검색, 보안, 저장 등등 (데이터는 하드에 저장) 데이터를 잘관리할수있는 소프트웨어가 생겼는데 그게 오라클이다. (어쩔수없이 생길수밖에 없었던것..) 학번, 이름, 전공 등 테이블 만든거를 RDBMS라고 한다. relation (2차원표로 나타내는것.) 교수테이블 key와 보유기술테이블 key가 관계를 맺을 수 있다. - relation ***SQL에서는 대소문자 안가리지만 ' ' 에 들어가는것은 대소문자 가린다*** scott클릭 - scott-테이블 클릭해보면 테이블로 만들어진 걸 볼 수있다. desc dept; : dept에 대한 data type이 나온다. (description dep) desc emp; : emp에 있는 select * from dept; .. 2021. 1. 7.
21.01.06 Wed [031] HTML float에 대해 더 자세하게. 사진에 max-width max-height 주면 크기가 조절된다. 자식이 부모보다 클때 overflow속성을 쓴다. 부모가 더 크면 쓸필요x overflow : hidden; (넘치는건 hidden 시켜라) visible : 기본값. 넘치면 상자밖으로 보여짐 scroll : 넘치는건 스크롤로.(가로세로 둘다) auto : 스크롤 자동으로 추가.(가로 또는 세로 또는 둘다) (onebyone1.tistory.com/42) 사진(float:left)과 사진(float:right)사이 글자 넣으면 사진 사이에 글자 넣어짐 근데 글자를 사진 밑으로 가게 하고 싶다면? 부모에 overflow:hidden; 넣어주면 된다. CSS 반응형웹 : 창줄였다 늘렸다하면 가로길이가.. 2021. 1. 6.
21.01.05 Tue [030] HTML 실전 HTML5 & CSS동영상강좌_12강_CSS 속성-III position 중요 position은 위치를 지정하는것. static -디폴트가 static이어서 생략해도 됨. 기본적인건 static relative - 상대위치. absolute - static 속성을 가지고 있지 않은 부모를 기준으로 움직입니다 fixed - absolute는 postion: static속성을 가지고 있지 않은 부모를 기준으로 움직인다. 만약 부모 중에 포지션이 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 된다. absolute는 처음에 top,left는 0 position - fixed div:nth-child(2) { background-color: #0.. 2021. 1. 5.
21.01.04 Mon [029] HTML 실전 HTML5 & CSS동영상강좌_11강_CSS 속성-II padding 내부 간격 marging 외부 간격 200*200 200*200 200*200 200*200 200*200 200*200 200*200 box-sizing:border-box; - 컨텐츠 내에서 다 해결. 테두리를 기준으로 크기를 정함. 너비,높이 계산시 content, padding, border를 포함함(margin제외) box-sizing:content-box - 이게 디폴트(아무것도 없으면 이 값으로) 기본값으로 너비, 높이는 content영역만을 의미함.콘텐트 영역을 기준으로 크기를 정함.(border, padding, margin제외) content : 내용영역 (width 와 height은 content영역만.. 2021. 1. 4.
20.12.31 Thu [028] 실전 HTML5 & CSS동영상강좌_09강_CSS 기본-IV ↓제대로 출력안되니까 다시 확인 first.html파일임 설립개요 중소기업 지원업무의 전문성과 효율성을 확보하고 중소기업에 대한 기술, 경영, 인력 등의 종합지원체계를 구축함으로써 중소기업의 경쟁력 제고를 위해 설립된 서울산업진흥원은 중소기업의자생력을 키우고 안정적인 경영여건을 조성하기 위하여 끊임없이 노력하고 있습니다. 2014 04월 09일 서울산업진흥원 사명변경06월 30일 서울산업진흥원 상암DMC 이전 2013 01월 12일 다누리 시민청 개관05월 09일 꿈꾸는청년가게 명동점 개관05월 10일 큐비드 광화문 개관06월 21일 다누리 강남점 개관07월 20일 서울크리에티브랩 개관08월 27일 다누리 성북점 개관 weekly connect.. 2020. 12. 31.
728x90