JiYoung Dev 🖥

🎈 선언문(Declaration) 선언문 내 작성한 변수 - 위치는 클래스 바로 밑에 (전역변수) 스크립트릿 내 작성한 변수 - service 메서드 안으로 들어감 (지역변수) 🎈 지시자(Directive) 📖 Page 지시자 불가능한걸 컴퓨터에게 시키면? ERROR 발생 오류 발생시 특정 페이지 연결되도록! 현재페이지 errorPage="오류발생시 보여줄 페이지" 오류 발생시 보여줄 페이지 isErrorPage="true" 서버 오류를 점검중입니다 📖 Include 지시자 메인페이지 서브 페이지로 이동 📖 Taglib 지시자 라이브러리 다운로드 다이나믹 웹프로젝트에서 라이브러리 사용할 때 WEB-INF > lib 폴더 내에 삽입 > 보안상 중요한 것은 쓰면 안됨! 자바 파일로 변환됐을 때까지 확인 가능..

terminal 명령어 npm : 이미 설치가 되어있을 아이를 사용할 때 (ex. terminal start) npx : 설치가 되어있지않는 것을 사용할 때 (ex. npx create-react-app project02) 종료 : ctrl + C ⚙ project 폴더 구성 node_modules : 필요한 장치들 public : 정적인 파일 / 이미지, html, json, text 등 src : js, css 등 동적으로 동적하기 위해 필요한 친구들 🎈 컴포넌트 리액트는 화면에서 UI 요소를 구분할 때 '컴포넌트'라는 단위를 사용함 커다란 단위, 개발자가 커스텀할 수 있는 최소 단위 (기능별 혹은 페이지별로 만드는 경우가 많음) 내가 원하는 태그들을 모아서 하나의 단위로 만들어준다. react 문법..

🎈 리액트란? 자바스크립트 라이브러리 중 하나 프레임워크적인 성격을 띄고 있음 🎈 리액트를 사용하는 이유 자바스크립트만으로는 부족하니까! 📖 자바스크립트의 단점 1. HTML과 JS가 가진 분리감 - JS에서 HTML에 접근하기 위해서는 document. 으로 접근해야 함 > 관련있는 HTML, JS 문서들을 JSX로 합쳐줌! 2. 직관적이지만 너무 긴 자바스크립트 문법 3. 새 페이지를 들어갈 때마다 새로고침 - 사용자가 피로도를 느끼게 됨 > 새로운 페이지나 메뉴를 들어갈떄 새로고침이 되지 않아 사용자의 피로도를 줄여줌 : Single Page Application(SPA) 🎈 라이브러리 vs 프레임워크 개발을 도와주는 역할이지만 개발의 주체가 다름 📖 라이브러리 개발의 주체는 나! 기능만 가져다 사..

🎈 JSP(JavaServer Pages) 개요 📖 JSP란? HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹어플리케이션 도구 Java 언어를 기반으로 하는 Server Side 스크립트 언어 언어의 종류 컴파일 언어 - ex. Java - 번역의 느낌 - 코드를 한번에 해석해서 나중에는 실행만 - 해석은 오래걸리지만 실행은 빠르다 인터프리터 언어(Python)통역 - 한 줄씩 해석하고 실행하나의 프로그램을 만드는 데 사용스크립트 언어(JavaScript, JSP)인터프리터 언어에 속함한 줄씩 해석하고 실행만들어진 프로그램을 제어할 때 사용 📖 JSP가 필요한 이유 ⚙ Servlet의 특징 한 클래스 내에 Business Logic과 Presentation Logic이 같이 작성됨 (B..

Quiz. 이상한 점 찾아보기 주소창에 패스워드가 노출됨 원인 : get 메서드 방식을 사용했기 때문. get 메서드 방식은 사용자가 입력한 값이 주소창에 노출됨 🎈 HTTP 요청 메서드 웹 클라이언트(브라우저)가 웹 서버에 요청하는 서비스 처리 방식 지정 위의 요청 메서드 예시는 약속의 느낌으로 꼭 위의 것을 꼭 따라야하는 것은 아니지만 개발자들 간의 규칙과 같음 기능들이 특정 요청에 한정되어 있진 않지만 무엇을 요청하는지 알기 쉽게 하기위해 위와 같이 구분하여 사용함 읽어보기! REST API 제대로 알고 사용하기 : NHN Cloud Meetup REST API 제대로 알고 사용하기 meetup.nhncloud.com 📖 GET ⚙ URI / URL 패킷(packet) 네트워크를 통해 전송하기 쉽도..

🎈 request와 response 🎈 데이터 전송 request : 사용자가 입력한 값을 어떻게 보낼것인가가 중요 action 어디로 요청할건지 method 요청 방식 (foam 태그는 get / post 만 사용 가능, default 는 get으로 생략 가능) name input 태그들의 명칭, 각각의 값을 구변할 수 있도록 지정해주는 이름 (이름이 없으면 태그를 구별할 수 없음) submit 제출 > 버튼 누르는 순간 action의 경로로 요청 🎈 request.getParameter() package com.smhrd.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletExceptio..

WWW = World Wide Web 인터넷상에서 하이퍼텍스트 방식으로 다양한 형태의 정보를 제공 internet = inter + network 전세계를 연결하는 통신망 WEB & HTML 정의와 역사 / HTML 태그 (2023.04.21) 🎈인터넷(Internet) 여러 통신망을 하나로 연결한다는 의미인 '인터 네트워크(inter-network)'의 말에서 시작 전 세계 컴퓨터를 하나로 연결하는 거대한 컴퓨터 통신망 https://www.huffingtonpost.kr/news/article danyoujeong.tistory.com 🎈 네트워크(network)란 무엇일까? network = net + work 그물처럼 서로 엮어서 일하는 것 통신 장비들이 그물망처럼 연결되어 데이터를 교환하는 형태..

🔎 ROWNUM 테이블의 튜플(행)에 임시로 부여되는 일련번호 실제 테이블에는 없지만 특정 목적으로 사용되는 컬럼을 가짜컬럼(의사컬럼)이라고 함 예: ROWNUM, ROWID ROWNUM은 보통 WHERE절에 사용 WHERE절에 사용하면 출력되는 튜플(행)의 개수를 제한할 수 있음 사용시 주의사항 ROWNUM은 1의 값을 먼저 사용해야 2의 값을 사용할 수 있음 ROWNUM = 2인 대상을 뽑으려면? 인라인뷰 사용 인라인뷰를 활용하여 ROWNUM도 직원 테이블의 컬럼인 것처럼 가공해 사용하는 원리 🔎 TOP-N 상위에서 N개 뽑기 ROWNUM 개념과 인라인뷰 개념을 조합하여 상위 N개의 데이터만 뽑는 기술을 사용할 수 있음 ▼ 직원들의 연봉이 높은 순서대로 데이터를 정렬 후 상위 5명만 출력 ▼ 1. 직..

🔎 TCL (Transaction Control Language) 트랜잭션을 제어한다 트랜잭션 : 어떤 업무를 수행하기 위한 일련의 단계 트랜잭션 특징 1. 원자성(atomicity) : 트랜잭션이 모두 완료되거나 하나라도 실패시 모두 원상복구 되어야 함 (all or nothing) 2. 일관성(consistency) : 항상 일관적인 형태를 가져야 함. 트랜잭션 실행 전이 정상이라면 실행 후에도 정상이어야 함 3. 고립성(isolation) : 트랜잭션은 서로 간섭하면 안됨 4. 영속성/지속성 (durability) : 영구 저장을 했으면 반드시 반영되어야 함. commit을 했으면 데이터는 반드시 영구 저장 되어 있어야 함 📖 종류 COMMIT ROLLBACK SAVEPOINT 📖 COMMIT 트랜..

코멘트 입력하는 방법 COMMENT ON TABLE 테이블명 IS '테이블에 대한 설명' ; COMMENT ON COLUMN 테이블명.컬럼명 IS '컬럼에 대한 설명' ; 🔎 테이블/제약조건 삭제하기 (DROP) 📖 DROP DROP TABLE 테이블을 영구삭제 회원정보 테이블에서 참조하고 있는 키가 존재하는 경우 삭제 불가능 CASCADE CONSTRAINT를 이용하여 제약조건(FK)을 함께 삭제하면 삭제 가능 (CASCADE : 연속적으로) DROP TABLE 테이블명 CASCADE CONSTRAINT ; 제약조건만 삭제 ALTER TABLE 테이블명 DROP CONSTRAINT 제약조건명 ; 📖 TRUNCATE 테이블의 데이터를 삭제 TRUNCATE TABLE 테이블명 ; 📖 DELETE/DROP/..