전체 글 (136) 썸네일형 리스트형 git hub Repositories 삭제 git hub Repositories 삭제 깃을 사용하다보니 정리가 필요하다는것을 깨닫고 정리를 시작합니다! 저의 깃허브 내용인데 아직 초보 git 사용자라 연습하면서우당탕탕 만들었기 때문에 삭제를 해볼려고 합니다 위의 VSCOODE가 잘못만들어졌기 때문에 삭제를 진행해보겠습니다 1. Repositories 를 들어가면 위에 상단바가 있는 데 Settings을 들어갑니다 2. 맨 아래의 Danger Zone의 맨 아래 Delete this repository를 클릭합니다. 이런 알림창이 뜨면 위의 굵은색 글씨인 "hyewonyu214/VSCODE를 입력칸에 적어주면 삭제가 됩니다 9/30- React :Map 함수를 활용한 콜렉션 실습! Map 함수를 활용한 반복 컴포넌트 생성] FrontController패턴: 클라이언트의 다양한 요청들을 한 곳으로 집중시켜 개발 및 유지보수에 효율성을 극대화 시키는 패턴 command 패턴: 클라이언트로 부터 받은 요청들에 대해서 서블릿이 작업을 직접 처리하지 않고 해당 클래스가 처리하도록 하는 패턴 오후 리액트 [map()함수] 배열의 내장 함수 반복되는 컴포넌트를 렌더링 하기 위해 사용됨 [map 특징] 배열 안에서 내가 원하는 규칙에 따라 새로운 배열을 생성한다! [콜백함수] - 기능: 함수 안에 또 함수가 있으면 ex) document.get~.addEventListener('click',()=>{}) 배열이름.map(콜백함수) import './App.css'; import Ex01 from './Example/Ex01' import.. 9/28 React-[useState개념,React Event 개념, useState 좋아요 실습, useState를 활용한 랜덤숫자 게임] ** 터미널에서 하위 프로젝트 파일에 들어가 있을때 상위 파위로 나오는 것 => cd.. ex) c:\Users\smhrd\Desktop\React\project02> cd.. ==> c:\Users\smhrd\Desktop\React> ** project03 설치 => npx create-react-app project03 ** 하위 파일 react 열기 => cd project03 ** react 실행 => npm start [State] 컴포넌트 내부에서 관리되는 변경이 가능한 데이터 [State와 변수의 차이점] state는 일반 변수와 다르게 값이 변하면 화면이 렌더링된다 이때, setState()라는 함수를 이용한다 import './App.css'; import Ex01 from './Exa.. 9/27- jsp/servelet or 리액트( jsx, component, props) mvc model 1 : jsp에서 출력과 로직을 전부 컨트롤 model 2 : jsp에서는 출력만 처리 scope 사전적 의미: 범위,영여그살피다,스코프(관찰용기구) 프로그램 의미: 변수가 유효성을 갖는 영역 scope jsp 페이지에서 사용되는 객체들은 jsp 내장 객체이든 페이지 내에서 만들어졌던 간에 모두 정해진 영역 안에서만 사용 가능 page scope: 실제 선언된 jsp 페이지 내에서만 사용가능 pagecontext내장객체로 사용 가능 저장된 값은 저장한 페이지 내에서 지역변수로 사용 값저장 방법 pagecontext.setAttribute(네임값(string), 실제값(object)) pageContext.getAttribute(네임값(string) 주사용 용도 - 클라이언트 요청을 다룰.. 9/26 (오후) 리액트 [JSX문법, React 사용방법, 디렉토리 구조] 리액트란 무엇인가? 자바스크립트 라이브러리 중 하나 사용자의 인터페이스를 만들기 위해 사용됨 리액트가 나온이유는? 자바스크립트만으로는 부족하니까! 자바스크립트가 가진 단점 1. html과 js가 가진 분리감(관련있는 html, js 문서들을 jsx으로 합쳐준다) 2. 직관적이지만 너무 긴 자바스크립트 문법 3. 새 페이지를 들어갈 때 마다 새로고침 [새로운 페이지나 메뉴를 들어갈 때 새로고침이 되지 않아 사용자의 피로도를 줄여준다 Single Page Application(SPA)] 라이브러리 :기능만 가져다 사용하는것! ex)리액트 - 버전이 업데이트 되더라도 이전 버전과 호환이 잘됨! 프레임워크 :제공된 틀 안으로 들어가 주어진 규칙을 지켜가며 사용하는 것 ex)앵글러, 뷰... 버전이 업데이트 되더.. 9/26(오전) jsp 쿠키와 세션 [http] - connectionless(비연결성): 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버리는 특징 - stateless(무상태): 통신이 끝나면 상태를 유지하지 않는 특징 ==>쿠키와 세션을 사용하여 사용자의 상태를 유지할 수 있다 [쿠키(cookie)] : 클라이언트(브라우저)에 저장되는 키(name)와 값(value)이 들어있는 작은 데이터 파일 Cookie(쿠키) 사용 예 1. ID저장, 로그인 상태 유지 2. 일주일간 다시 보지 않기 3. 쇼핑몰 장바구니 기능 Cookie(쿠키)단점 1. 보안에 취약 2. 작은 허용 용량 3 브라우저를 변경할 경우 다른 브라우저에서 저장한 쿠키 값을 사용할 수 없음 클라이언트(응답:response)에 쿠키 전송 response.addCo.. 9/23- JSP =0)?num:-num; } %> 9/22 jsp/servlet 실습 package com.smhrd.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/Ex05Table") public class Ex05Table extends HttpServlet { private static final long ser.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 17 다음
