JiYoung Dev 🖥

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..