국비기록 95일: 2-3차 프론트작업 - 디테일 ✅ 2-3차 프론트작업 디테일 잡기 미디어쿼리 파비콘 ✔ img alt값 채우기 ✔ option selected disabled ✔ input:focus , style: none? table 간격 값... 프로젝트국비기록국비기록 2일: input 태그안에 required 입력, multiple ✍ 복습 input 태그안에 required 입력 input 태그안에 required 입력 시, 입력안하고 넘어가면 다음과 같은 문구가 뜬다. multiple을 사용하면 여러개의 option을 선택할 수 있다. 1Byte space... 국비기록국비기록 23일: 자바 프로그램 개발, Hello World 출력 ✍ 복습 JS 이벤트 이벤트 소스 - 이벤트가 발생한 곳 - this 이벤트 객체 - 이벤트에 대한 정보(마우스 좌표,alt눌렸니?)를 담은 객체 이벤트 핸들러 - 이벤트를 처리하는 함수 - 프로그래머 작성 DOM level 2 이벤트 모델 Java sts는 여러개 설치해서 사용 가능 sts 설치, 실행 - 폴더 안에 .metadata 폴더가 자동으로 생성된다. sts를 초기상태로 되돌리고 ... 국비기록국비기록 8일: 레이아웃, 메뉴만들기 ✍ 복습 2단 레이아웃 만들기 html 코드 css 코드 ✔ section에는 height값을 줄 수 없다. min-height로 최소값(aside의 height값)만 부여 ✔ display: inline-block; 적용하면 자동으로 여백이 생긴다. → section의 margin-left: -6px; 적용하여 여백을 없앤다.... 국비기록국비기록 12일: 값 넘기기, 웹 상태코드 ✍ 복습 CSS Framework - Bootstrap Bootstrap은 jQuery를 사용한다 = Bootstrap은 jQuery에 의존(dependency)한다. 크로스 브라우징 처리 값 넘기기 클라이언트가 서버로 변수를 전달하는 방법 ex) 30이라는 값을 가지는 nai 변수를 전달하려면: ?nai=30 서버로 넘기는 값을 클라이언트에서 확인하는 방법 console.log(locati... 국비기록국비기록 27일: 정규식으로 문자열 패턴 검증, 자바의 타입, 타입 변환 ✍ 복습 반복문 정규식으로 문자열 패턴 검증하기 console.log(pattern.test('hello'); // false console.log(pattern.test('helloworldd1'); // true 추가적인 예로 const pattern = /[1234]/ 는 1또는 2또는 3또는 4를 가리키고 이는 [1~4]로도 표현할 수 있다. 자바의 타입 자바의 타입 변환 규칙 1. ... 국비기록국비기록 58일: 데이터베이스 복습, Spring Boot Project, JDBC 및 ODBC 드라이버, Pool 데이터 무결성 보장 개체 무결성 제약조건 : 기본키(주민번호 등)는 필수입력, 중복불가능(not null, unique) 참조 무결성 제약조건 : 외래키는 null 또는 참조하는 기본키의 값만 가능 dept의 deptno는 10,20,30,40 → emp에 사원을 추가할 때 부서번호는 입력하지 않거나 입력한다면 dept의 deptno값이어야 한다. 도메인 무결성 제약조건 : 도메인은 필드가 ... 국비기록SpringSpring 10일: IP, Domain, Port ✍ 복습 IP주소(호스트의 식별번호) 인터넷에 연결된 장비를 구별하기 위한 주민등록번호에 해당 0~255의 숫자 4개로 구성 ipconfig명령을 이용해 자신의 IP를 확인할 수 있다. 도메인 이름 외우거나 식별하기 어려운 IP 주소를 www.example.com처럼 기억하기 쉽게 만들자 도메인 이름으로는 웹 서핑이 불가능 → DNS를 이용해 IP주소로 바꿔야한다. 웹 브라우저의 동작 사용자... 국비기록국비기록 18일: 타입, 문자열자르기, of 반복문 ✍ 복습 배열 요소 개수 확인하기 배열의 마지막 요소를 선택할 때 fruits[fruits.length-1] 타입에 대해 자바스크립트의 기본 타입: number, string, boolean, undefined, object... 속성과 메소드는 object의 소속 자바스크립트(및 자바)는 기본 타입을 다루기 위한 객체를 제한다 → Number, String, Boolean... → 속성과 ... 국비기록국비기록 65일: DB(개념설계, 논리설계, 물리설계, NoSQL, 그룹함수, 서브쿼리, 인라인뷰, 페이징쿼리), mybatis와 jpa ✍ 복습 데이터베이스 관계형 데이터베이스 relational db(rdb, rdbms) 표로 데이터를 표현, 데이터 무결성, 데이터 일관성 1. 개념설계 개발할 대상(학생, 교사, 성적, 과목...)과 그 대상의 정보를 고른다 → entity 2. 논리설계 주식별자를 선택하고 정규화를 수행 → relation 3. 물리설계 설계 결과에 따라 사용할 데이터베이스를 선정 → table relat... 국비기록dbdb 67일: GoF, Lambda(Consumer,Predicate,Supplier,RuntimeException), 자바에서 표준메소드 작성, 익명 객체를 이용한 스레드, Controller 객체를 생성하는 데 복잡한 옵션이나 정보가 필요. MyBatis의 경우 DataSource를 입력받아 SqlSession을 생성한 다음 SqlSession을 이용해 CRUD 처리 idle시(프로세스가 실행하고 있지 않은 상태) 최대 연결 몇개? 타임아웃시간?.....설정을 잡을 수 있는데 설정을 안잡으면 SqlSession을 안만들건가? 마이바티스의 SqlSessionFactory는 Data... Java국비기록Java 51일: JSP, Server, Web, Servlet 연습 jsp는 서버에서 자바로 번역되어 실행한 다음 결과 html을 사용자에게 보내준다. 자바의 기본 뷰 기술은 jsp 뷰 기술에는 자바 기반의 jsp, 스프링 기반의 기본 븅니 thymeleaf등이 존재한다. 사용자의 정보 저장 서버는 사용자가 누군지 구별이 절대 불가능 웹 서버가 사용자를 구별하고 정보를 저장하는 기술을 제공 Cookie : 서버가 사용자 컴퓨터에 텍스트 파일로 정보를 저장(별... 국비기록국비기록
95일: 2-3차 프론트작업 - 디테일 ✅ 2-3차 프론트작업 디테일 잡기 미디어쿼리 파비콘 ✔ img alt값 채우기 ✔ option selected disabled ✔ input:focus , style: none? table 간격 값... 프로젝트국비기록국비기록 2일: input 태그안에 required 입력, multiple ✍ 복습 input 태그안에 required 입력 input 태그안에 required 입력 시, 입력안하고 넘어가면 다음과 같은 문구가 뜬다. multiple을 사용하면 여러개의 option을 선택할 수 있다. 1Byte space... 국비기록국비기록 23일: 자바 프로그램 개발, Hello World 출력 ✍ 복습 JS 이벤트 이벤트 소스 - 이벤트가 발생한 곳 - this 이벤트 객체 - 이벤트에 대한 정보(마우스 좌표,alt눌렸니?)를 담은 객체 이벤트 핸들러 - 이벤트를 처리하는 함수 - 프로그래머 작성 DOM level 2 이벤트 모델 Java sts는 여러개 설치해서 사용 가능 sts 설치, 실행 - 폴더 안에 .metadata 폴더가 자동으로 생성된다. sts를 초기상태로 되돌리고 ... 국비기록국비기록 8일: 레이아웃, 메뉴만들기 ✍ 복습 2단 레이아웃 만들기 html 코드 css 코드 ✔ section에는 height값을 줄 수 없다. min-height로 최소값(aside의 height값)만 부여 ✔ display: inline-block; 적용하면 자동으로 여백이 생긴다. → section의 margin-left: -6px; 적용하여 여백을 없앤다.... 국비기록국비기록 12일: 값 넘기기, 웹 상태코드 ✍ 복습 CSS Framework - Bootstrap Bootstrap은 jQuery를 사용한다 = Bootstrap은 jQuery에 의존(dependency)한다. 크로스 브라우징 처리 값 넘기기 클라이언트가 서버로 변수를 전달하는 방법 ex) 30이라는 값을 가지는 nai 변수를 전달하려면: ?nai=30 서버로 넘기는 값을 클라이언트에서 확인하는 방법 console.log(locati... 국비기록국비기록 27일: 정규식으로 문자열 패턴 검증, 자바의 타입, 타입 변환 ✍ 복습 반복문 정규식으로 문자열 패턴 검증하기 console.log(pattern.test('hello'); // false console.log(pattern.test('helloworldd1'); // true 추가적인 예로 const pattern = /[1234]/ 는 1또는 2또는 3또는 4를 가리키고 이는 [1~4]로도 표현할 수 있다. 자바의 타입 자바의 타입 변환 규칙 1. ... 국비기록국비기록 58일: 데이터베이스 복습, Spring Boot Project, JDBC 및 ODBC 드라이버, Pool 데이터 무결성 보장 개체 무결성 제약조건 : 기본키(주민번호 등)는 필수입력, 중복불가능(not null, unique) 참조 무결성 제약조건 : 외래키는 null 또는 참조하는 기본키의 값만 가능 dept의 deptno는 10,20,30,40 → emp에 사원을 추가할 때 부서번호는 입력하지 않거나 입력한다면 dept의 deptno값이어야 한다. 도메인 무결성 제약조건 : 도메인은 필드가 ... 국비기록SpringSpring 10일: IP, Domain, Port ✍ 복습 IP주소(호스트의 식별번호) 인터넷에 연결된 장비를 구별하기 위한 주민등록번호에 해당 0~255의 숫자 4개로 구성 ipconfig명령을 이용해 자신의 IP를 확인할 수 있다. 도메인 이름 외우거나 식별하기 어려운 IP 주소를 www.example.com처럼 기억하기 쉽게 만들자 도메인 이름으로는 웹 서핑이 불가능 → DNS를 이용해 IP주소로 바꿔야한다. 웹 브라우저의 동작 사용자... 국비기록국비기록 18일: 타입, 문자열자르기, of 반복문 ✍ 복습 배열 요소 개수 확인하기 배열의 마지막 요소를 선택할 때 fruits[fruits.length-1] 타입에 대해 자바스크립트의 기본 타입: number, string, boolean, undefined, object... 속성과 메소드는 object의 소속 자바스크립트(및 자바)는 기본 타입을 다루기 위한 객체를 제한다 → Number, String, Boolean... → 속성과 ... 국비기록국비기록 65일: DB(개념설계, 논리설계, 물리설계, NoSQL, 그룹함수, 서브쿼리, 인라인뷰, 페이징쿼리), mybatis와 jpa ✍ 복습 데이터베이스 관계형 데이터베이스 relational db(rdb, rdbms) 표로 데이터를 표현, 데이터 무결성, 데이터 일관성 1. 개념설계 개발할 대상(학생, 교사, 성적, 과목...)과 그 대상의 정보를 고른다 → entity 2. 논리설계 주식별자를 선택하고 정규화를 수행 → relation 3. 물리설계 설계 결과에 따라 사용할 데이터베이스를 선정 → table relat... 국비기록dbdb 67일: GoF, Lambda(Consumer,Predicate,Supplier,RuntimeException), 자바에서 표준메소드 작성, 익명 객체를 이용한 스레드, Controller 객체를 생성하는 데 복잡한 옵션이나 정보가 필요. MyBatis의 경우 DataSource를 입력받아 SqlSession을 생성한 다음 SqlSession을 이용해 CRUD 처리 idle시(프로세스가 실행하고 있지 않은 상태) 최대 연결 몇개? 타임아웃시간?.....설정을 잡을 수 있는데 설정을 안잡으면 SqlSession을 안만들건가? 마이바티스의 SqlSessionFactory는 Data... Java국비기록Java 51일: JSP, Server, Web, Servlet 연습 jsp는 서버에서 자바로 번역되어 실행한 다음 결과 html을 사용자에게 보내준다. 자바의 기본 뷰 기술은 jsp 뷰 기술에는 자바 기반의 jsp, 스프링 기반의 기본 븅니 thymeleaf등이 존재한다. 사용자의 정보 저장 서버는 사용자가 누군지 구별이 절대 불가능 웹 서버가 사용자를 구별하고 정보를 저장하는 기술을 제공 Cookie : 서버가 사용자 컴퓨터에 텍스트 파일로 정보를 저장(별... 국비기록국비기록