JiYoung Dev 🖥

Scope (영역) 변수가 유효성을 갖는 영역! 📖 Scope 종류 ⚙ Page Scope - 값 저장 : setAttribute - 값 가져오기 : getAttribute 자바 변수와 다른점 : EL 표기법을 사용할 수 있다! > el(express language)표기법으로 사용 가능 // : 자바 변수로 선언된 값은 사용 불가능 //setAttribute(name(String),value(Object)) pageContext.setAttribute("nickname", "풀스택"); String nick = (String)pageContext.getAttribute("nickname"); %> ${nickname} ${nick} ${pageScope.nickname } 2로 이동 ⚙ Request ..

🎈 선언문(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..