전체 글 119

JavaScript 로 검색 키워드 만들기

⭐식별 키의 id와 class 그리고 name id 보다는 class 를 사용하자 그 이유는? id class name id class name 하나만 있을 수 있다 똑같은게 여러번 나올수도있고 값을 여러개를 가질수있다 똑같은게 여러번 나올수도있고 값을 여러개를 가질수있다 CSS에서 식별자로 사용 #아이디로 사용 CSS에서 식별자로 사용 .클래스명 으로 사용 CSS에서 사용 불가 jQuery : $(”#아이디”) jQuery : $(”.클래스명”) jQuery : $(”input[name = 이름]”) ⭐CSS Selector Document.querySelector() Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 [Element]를 반환합니..

JavaScript 2022.04.24

JavaScript를 이해해 보자

⭐JavaScript 기본적으로 Single thread 브라우저의 내부에는 총 3개의 엔진이 동작한다 hyml을 Docoment라고 부름 →Docoment를 처리하는 DOM엔진 브라우저 엔진 이라고도 함 style엔진 script엔진은 →DOM엔진이 처리불가 →자바스크립트 엔진이 처리 ✌자바스크립트는 2번 읽는다 1번 문자열을 읽어서 프로그램을 실행시킬수있는 구조를 만든다 2번 실행하는 과정 이게 실행되는 이유 실행하면 doA()실행 이기에 skip 하고 function을 만난다 그럼 메모리상에 doA를 만들고 그게 function을 가리키게 하고 2번째 읽는 과정에서는 doA가 있으니까 실행이 된다 이런 건 어떨까? 이건 읽을 수 있을까? 이건 읽지 못한다 그 이유는 자바 스클 비트는 script 단..

JavaScript 2022.04.23

Filter

Filter Controller로 들어오기 전에 Filter에서 조건들을 주면 먼저 처리 후 Controller로 들어오게 된다 ex) 로그인 기능을 Filter에 넣어두면 Controller 들은 로그인 기능을 만들 필요가 없다 Filter에서 이미 확인 후에 들어오기 때문에 Filter 만들어보기 Class를 생성하기 전 보시면 Interfaces에 Filter을 추가해 주어야 합니다 Add로 들어가서 javax - servlet Filter을 선택해줍니다 코드로 보기 import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.ServletException; i..

로그인...쿠키..세션

로그인 브라우저에서 호출하면 서버에서 응답해주는 경우 → 옛날 방식 APP 이 서버에서 순수하게 데이터 만 주고받을 수 있다 → 요즘 방식 APP에서 서버에게 특별한 문자열을 보내서 서버에서 검증하고 데이터를 보내주는 “토큰 기반 인증” 방법 - 완전 요즘 방식 JWT (Json Web Token) 쿠키 (유효 기간이 있다) 브라우저와 서버 사이에 주고받는 문자열 조각 👍쿠키와 세션은 원래는 쿠키이지만 구분하기 위해 세션과 쿠키를 나눠서 설명함 회원카드 같은 쿠키 WAS발급 유효기간이 없다 브라우저를 종료하면 없어진다 정보가 서버 쪽에 있음 쿠폰 같은 쿠키 개발자가 직접 생성 유효기간이 있을 수도 있다 브라우저를 종료해도 살아있다 (로그인 기억하기 , 오늘 하루 이 창 열지 않기) 정보를 사용자가 가지고..

ERD

ERD 흔히 E-R 다이어그램이라고 불리며 ERD라고 줄여 부르기도 한다. 영어 약자 그대로 '존재하고 있는 것(Entity)들의 관계(Relationship)를 나타낸 도표(Diagram)'이다. 여기서 말하는 존재하고 있는 것이란 데이터를 뜻하니 데이터들의 관계를 나타낸 도표인 셈이다. ⭐데이터를 먼저 그리고 설 게를 하면 실수가 줄어든다 ❗복합 PK : 비즈니스 로직이 결정되면 나중에 수정하기 힘들다 ERD 설계 DB를 정규화할수록 순수한 데이터가 된다

2022.04.05 인덱스 그리고 DB 설계

인덱스에서 조회를 할 때 내가 원하는 방식으로의 정렬을 하려면 어떻게 해야 할까? 1. 인덱스 생성 내가 원하는 정렬 방식의 인덱스를 생성해서 그 방식으로 조회하기! 인덱스 생성 방법 CREATE [UNIQUE] INDEX [스키마명.] 인덱스명 ON [스키마명.] 테이블명 (칼럼 1 [, 칼럼 2, 칼럼 3,...]) ex)create index idx_basic on t_todo (delFlag , tno desc); --delFlag , tno 값을 기준으로한 인덱스 2. 힌트 내가 원하는 방식으로 유도할 수 있는 방식인 힌트 (❗주의 오라클에서만 사용 가능)(힌트의 방식은 여러 가지가 있다) select/*+INDEX(t_todo idx_basic) */ * from t_todo where tno..

2022.04.04 DB 와 WEB 연결

DB에서의 인덱스 추가적인 쓰기 작업과 저장 공간을 활용하여 데이터베이스 테이블의 검색 속도를 향상하기 위한 자료구조 인덱스는 pk처럼 자동으로 생성되는것과 수동으로 만들어주는 방법이 있다 인덱스 잡는다? 이 뜻은 하나의 데이터로 다양한 조건의 인덱스 구조를 만들어준다는 뜻!! DDL 만들기 --DDL create table t_todo( --table 이름 tno int , -- ALTER TABLE 로 pk잡기 title varchar2(500) not null , dueDate date not null , writer varchar2(50) not null , delFlag char(1) default 'N', regDate date default sysdate, updtteDate date def..

2022.04.01 DB야 안녕?

JSP에서 정신없이 DB로 아니 벌써 넘어왔다고?? 싶은 한 주였습니다 새로운 정보들이 넘치듯 들어오고 있어서 스스로가 잘하고 있는 건지... 이게 맞나?? 싶은 한 주였습니다 하지만 힘내서 달려가야죠 할 수 있는 건 그것뿐!!!! 관계형 (RDBMS) Oracle DB2 -금융권에서 많이 사용됨 MYSQL MariaDB PostgreSQL ETC (NOSQL)-빅데이터 딥러닝 쪽 분야 흔히 DB라고 부르지만 사실은 우리가 사용하는것은 DB인스턴스 (XE) 면접 마지막 질문팁 : 개발도구는 어떤 걸 쓰는지 , 개발인원은 몇 명인지 SQL은 Structured Query Language (구조화된 질의 언어)의 줄임말로 관계형 데이터베이스 시스템(RDBMS)에서 자료를 관리 및 처리하기 위해 설계된 언어입..

2022.03.31 죽어라 DB야

close의 중요성!!!! ⭐⭐close( ) 란? 네트워크 즉 입출력 과정에서 내가 끝났다는 신호를 보내는 것 close( )를 안 해주면 반대쪽에서 끝났는지 안 끝났는지 모르는 상황이 생긴다 close( ) 없이 DB를 반복 호출하기 public static void main(String[] args) throws Exception{ System.out.println("test1........."); Class.forName("oracle.jdbc.driver.OracleDriver"); // String url ="jdbc:oracle:thin:@IP:1521:XE"; for (int i = 0; i { try { Connection con =..

2022.03.29 수업일지

오늘도 로직을 만드는 것보다 설계의 중요성을 강조하셨습니다 확실히 설계단계에서 꼼꼼하게 설계를 하니 코드를 작성할 때 편안하게 작성했던 것 같습니다 오늘 강의때 나온 개념들과 todo를 만든 설계에 대해 정리해보려 합니다 MVC 모델 2를 MVC 방식이라고도 부름 MVC는 Model, View, Controller의 약자입니다. 하나의 애플리케이션, 프로젝트를 구성할 때 그 구성요소를 세 가지의 역할로 구분한 패턴입니다. Query String 사용자가 입력 데이터를 전달하는 방법 중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다. “ [http://host:port/path? querystring](http://host:port/path? querystring) “ ..