분류 전체보기 (50) 썸네일형 리스트형 VS code__파워쉘로 열릴 때 CMD로 변경 VS Code에서 터미널 명령어 실행하려 할 때 터미널이 PowerShell로 설정되어 있으면 곤란하다.CMD로 변경해서 사용하자. 1. Ctrl + ,(쉼표) 눌러서 세팅을 들어간다음 'default profile'을 검색하자.천천히 내려서 Terminal > Ingegrated > Default Profile : Windows 설정을 찾는다. 2. Power Shell로 default 설정이 되어있거나 다른 설정이 되어있을텐데, 이것을 Command Prompt로 변경해준다. 3. 다음 VS code를 한번 재시작하거나 터미널 콘솔창 오른쪽 상단의 휴지통을 한번 눌러주고, 다시 Ctrl + shift + `(숫자1 왼쪽) 입력해서 실행해보면 cmd로 설정된 터미널이 열리는 것을 확인할 수 있다. [CSS 스타일 속성 3] 선택자 selector [인라인/내장/인접/일반/상태/구조/문자] 선택자 (selector) hi { color : red; } 선택자안에 컬러라는 스타일 속성을 사용해 레드라는 스타일 값을 사용하겠다 인라인(in-line) 방식 HTML 요소(태그)의 style 속성에 직접 작성하는 방식 내장(embedded) 방식 HTML 안에 작성하는 방식 head태그 사이에 넣어주는게 작업하는데에 더 용이하다 (더 나아가 파일로 사용하는 것이 더 유용) 셀렉터 중 * 의 역할 body안에 있는 모든 태그에 적용이 됨 인접 형제 선택자 + E의 다음 형제 요소 F 하나만 선택 일반 형제 선택자 ~ E의 다음 형제 요소 F 모두 선택 반응 선택자 특정한 상대를 선택하는 선택자 상태 선택자 input:focus focus가 된 input 태그를 선택 input:focus focus가.. 실시간 경매 시스템 만들기 https://velog.io/@skh9797/%EC%8B%A4%EC%8B%9C%EA%B0%84-%EA%B2%BD%EB%A7%A4-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0 프로젝트 구조 갖추기 1. 프로젝트 생성 " NodeAuction " 프로젝트 생성 node-auction 폴더를 만든 후 그 안에 package.json 작성 npm i DB로는 MySQL 을 사용 npm i sequelize sequelize-cli mysql2 npx sequelize init 📌package.json { "name": "node-auction", "version": "0.0.1", "description": "노드 경매 시스템", "main": "app... Promise / async / await / get / post promise , async, await 비동기 작업이 끝난 후 특정 작업들을 실행할 수 있도록 순서를 정해주는 것 ✅ Promise (비동기 방식) Promise는 객체는 비동기 작업이 끝난 후 결과를 알려주는 용도로 사용한다. 서버에요청(Promise) then 완료 후 실행 할 함수 Promise를 사용하면 비동기 작업이 끝난 시점을 알 수 있어서 동기 작업’처럼 구성할 수 있게 된다. 동기 작업처럼 이란 아까의 콜백 방식처럼 코드의 동작 방식이 거꾸로 된 것이 아니라 순차적으로, 서버에 요청을 하고 -> 완료 후 실행할 함수 순서가 된다는 것이다. 이 Promise 객체는 대기, 이행, 거부 이 세 가지 상태를 가진다. 각각 작업 완료 전, 작업 완료 후, 에러 발생하여 실패 라는 뜻이다. 사용 .. JSTL 국제화태그 국제화 태그 라이브러리를 사용하려면 앞서서 상단 선언에 이와 같이 선언한다. 💡 로케일 지정 및 요청 파라미터 인코딩 지정 ◽ 국제화 태그가 Accept-Language 헤더에서 지정한 언어가 아닌 다른 언어를 사용하도록 지정하는 기능 ◽ 요청 파라미터의 캐릭터 인코딩을 지정 request.setCharacterEncoding("캐릭터셋")과 동일 👑 국제화 태그 라이브러리 기능분류 태그 설명 로케일 지정 setLocale Locale을 지정한다. requestEncoding 요청 파라미터의 캐릭터 인코딩을 지정 메시지 처리 bundle 사용할 번들을 지정 message 지역에 알맞은 메시지를 출력 setBundle 리소스 번들을 읽어와 특정 변수에 저장 숫자 및 날짜 포맷팅 formatNumber 숫자.. JSTL JSTL의 종류 •JSP Standard Tag Library - 널리 사용되는 커스텀 태그를 표준으로 만든 태그 라이브러리 •JSTL 태그 종류 라이브러리 하위 기능 접두어 관련URI 코어 변수지원 흐름 제어 URL 처리 c http://java.sun.com/jsp/jstl/core XML XML 코어 흐름 제어 XML 변환 x http://java.sun.com/jsp/jstl/xml 국제화 지역 메시지 형식 숫자 및 날짜 형식 fmt http://java.sun.com/jsp/jstl/fmt 데이터베이스 SQL sql http://java.sun.com/jsp/jstl/sql 함수 콜렉션 처리 String 처리 fn http://java.sun.com/jsp/jstl/functions •아래 사이.. EL 표현식 문법과 사용 방법 JSP - EL 표현식 문법과 사용 방법 EL(Expression Language) 자바 빈의 프로퍼티, 값을 JSP의 표현식 이나 액션 태그 를 사용하는것 보다 쉽고 간결하게 꺼낼수 있게 하는 기술이다. 또한 static 메소드를 호출할 수도 있는데 JSP에서는 주로 서블릿 보관소(JspContext, ServletRequest, HttpSession, ServletContext)에서 값을 꺼낼 때 사용한다. 대신 사용 스크립트요소 (스크립트릿, 표현식, 선언부)를 제외한 나머지 부분에서 사용 주요기능 Jsp의 4가지 기본 객체가 제공하는 영역의 속성 사용 집합 객체(set.get..)에 대한 접근 방법 제공 EL 표기법 ${ } -가장많이 사용 - JSP가 실행될 때 즉시 반영된다. (Immediat.. 세션 로그인 request.getSession()을 이용한 세션 생성 세션을 이용한 로그인 Session은 쿠키에 비밀번호와 같은 인증 정보를 저장하지 않고, 대신 JSESSIONID (session id) 라는 식별자를 저장한다 만일 쿠키에 Sessionld가 존재하지 않다면, 서버에 요청하여 Sessionid를 받아 쿠키에 보관한다 그 다음, 클라이언트가 서버에 요청을 할 때, 서버는 sessionid를 key로 가지고 있는 value값을 조회하여 로그인 여부와 중요 정보 등을 확인한다. 세션을 사용한 인증 정보 유지 특징들 세션 아이디 (JESSIONID) 를 브라우저 단위로 저장이 되고, 브라우저 종료시 소멸된다. 로그인에 성공하면 session 기본 객체의 특정 속성에 데이터를 기록한다 로그인한 유저 외에도.. 이전 1 2 3 4 ··· 7 다음