+ 강의 교재
| [Servlet JSP] Filter API (0) | 2022.02.10 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
+ 강의 교재
| [Servlet JSP] Session Tracking (0) | 2022.02.10 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
1) MyBatis 비 Web 환경 (Standalone 환경)
[Project] 마우스 우클릭 → [Build Path] → [Configure Build Path...] → [Java Build Path] → [Libraries] → [Add External JARs...] → ojdbc6_g.jar & mybatis.jar 추가
2) MyBatis Web 환경
jar file 2개 설정
[Project] → [WebContent] → [WEB-INF] → [lib] → ojdbc6_g.jar & mybatis.jar 복사
DB 연동에 필요한 4가지 정보를 저장한 파일 : jdbc.propertis
xml file 2개
* 환경설정 : Configuration.xml
* SQL 설정 : XXXMapper.xml
Configuration.xml file을 읽는 Class → MySqlSessionFactory.java
+ 강의 교재
| [Servlet JSP] Session Tracking (0) | 2022.02.10 |
|---|---|
| [Servlet JSP] Filter API (0) | 2022.02.10 |
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
1) JDBC 비 Web 환경 (Standalone 환경)
[Project] 마우스 우클릭 → [Build Path] → [Configure Build Path...] → [Java Build Path] → [Libraries] → [Add External JARs...] → ojdbc6_g.jar 추가
2) JDBC Web 환경
[Project] → [WebContent] → [WEB-INF] → [lib] → ojdbc6_g.jar 복사
+ 강의 교재
| [Servlet JSP] Filter API (0) | 2022.02.10 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
| [Servlet JSP] 500 Error (0) | 2022.02.08 |
저장 기능 + Life Cycle
Scope 종류 4가지
1. 컨텍스트/애플리케이션 범위 - javax.servlet.ServletContext
컨텍스트/애플리케이션 범위는 웹앱이 시작될 때 시작되고 종료되거나 다시 로드될 때 끝난다.
애플리케이션 범위 내의 매개변수/속성은 모든 요청 및 세션에서 사용할 수 있다.
컨텍스트/응용 프로그램 개체는 JSP 페이지에서 application 이라는 암시적 개체로 사용할 수 있다 .
서블릿에서 getServletContext()를 호출하여 객체를 만들 수 있다 .
또는 명시적으로 getServletConfig().getServletContext() 를 호출한다.
2. 요청 범위 - javax.servlet.http.HttpServletRequest
요청 범위는 서블릿이 HTTP 요청을 수신할 때 시작되고 서블릿이 HTTP 응답을 전달했을 때 끝난다.
서블릿 수명 주기와 관련하여 요청 범위는 서블릿의 service() 메서드에 들어갈 때 시작하여 해당 메서드에서 나갈 때 끝난다. 요청 객체는 JSP 페이지에서 요청 이라는 암시적 객체로 사용할 수 있다 .
요청 객체 속성은 서블릿에서 설정되고 동일한 요청 내에서 JSP로 전달될 수 있다.
3. 세션 범위 -javax.servlet.http.HttpSession
세션 범위는 클라이언트(예: 브라우저 창)가 웹앱과 연결을 설정할 때 시작되어 클라이언트가 다시 브라우저 창을 읽는 지점까지 계속된다. 따라서 세션 범위는 동일한 클라이언트의 여러 요청에 걸쳐 있을 수 있다. 서블릿에서 request.getSession() 을 호출 하고 JSP 세션 에서 Session 객체를 가져올 수 있다 .
4. JSP 페이지 범위 - javax.servlet.jsp.PageContext
페이지 범위는 속성의 scpo 및 수명을 생성된 동일한 페이지로 제한한다.
JSP 페이지에서 pageScope 라는 암시적 객체로 사용할 수 있다 .
① Application Scope : ServletContext → getServletContext( );
② Session Scope : HttpSession → requestgetSession( );
③ Request Scope : HttpServletRequest → doGet(request, );
④ Page Scope : (x) 자주 사용 안함
1) Servlet Context 생명주기는 web application과 동일
2) Http Session 생명주기는 Web Browser와 동일
3) HttpServletRequest 생명주기는 요청 후 응답까지
* Servlet 범위 : http://www.umsl.edu/~siegelj/CS4010/Servlets/scope.html
* Servlet Life Cycle : https://velog.io/@woo00oo/%EC%84%9C%EB%B8%94%EB%A6%BF
+ 강의 교재
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
| [Servlet JSP] 500 Error (0) | 2022.02.08 |
| [Servlet JSP] APR 기반 Apache Tomcat Native 라이브러리를 로드하지 못했습니다. (0) | 2022.02.07 |
DataBase (데이터 베이스)는 많은 사람들이 공유해서 사용할 목적으로 통합 관리되는 정보(Data)의 집합을 의미
+ 강의 교재
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] 500 Error (0) | 2022.02.08 |
| [Servlet JSP] APR 기반 Apache Tomcat Native 라이브러리를 로드하지 못했습니다. (0) | 2022.02.07 |
정보: 서블릿 [FirstServlet]을(를) 가용하지 않은 상태로 표시합니다. 2월 08, 2022 11:25:03 오전 org.apache.catalina.core.StandardWrapperValve invoke 심각: 서블릿 [FirstServlet]을(를) 위해 할당하던 중 예외 발생 java.lang.ClassNotFoundException: com.servlet.FirstServlet at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1415) at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1223) at org.apache.catalina.core.DefaultInstanceManager.loadClass(DefaultInstanceManager.java:533) at org.apache.catalina.core.DefaultInstanceManager.loadClassMaybePrivileged(DefaultInstanceManager.java:514) at org.apache.catalina.core.DefaultInstanceManager.newInstance(DefaultInstanceManager.java:149) at org.apache.catalina.core.StandardWrapper.loadServlet(StandardWrapper.java:1071) at org.apache.catalina.core.StandardWrapper.allocate(StandardWrapper.java:789) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:128) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:542) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:81) at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:698) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:366) at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:639) at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:847) at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1680) at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) at java.lang.Thread.run(Thread.java:748)
0-0. Windows Key → 시스템 환경 변수 편집 검색 후 실행
0-1. [시스템 속성] → [고급] → [환경 변수] 선택
0-2. [환경 변수] → [시스템 변수] → [새로 만들기] → CATALINA_HOME 생성 및 경로 입력
1. [환경 변수] → [시스템 변수] → [새로 만들기]
2. [시스템 변수 편집] → 변수 이름 : CATALINA_HOME / 변수 값 : C:\특정 경로\apache-tomcat-8.5.75
3. [시스템 변수 편집] →확인 버튼 마우스로 클릭
4. [환경 변수] → 확인 버튼 마우스로 클릭
0-3. [시스템 속성] → [고급] → 확인 버튼 마우스로 클릭
========================================================================
1. [Eclipse] → [Project] → [Clean...]
2. [Eclipse] → [Project] → [Properties] → [Java Build Path] → [Order and Export] → [JRE System Library] Check
3. [Eclipse] → [Project] → [Build Automatically] Check
* 참고 링크 :
(자바) java.lang.ClassNotFoundException 오류 엄청 간단한 해결법
자바에서 java.lang.ClassNotFoundException 오류 해결하는 방법입니다. 자바 프로그래밍할 때, java.lang.ClassNotFoundException 라는 오류가 뜨곤 합니다. 잘못한 게 없는 것 같은데 말이죠. Error: Could not..
maternalgrandfather.tistory.com
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
| [Servlet JSP] APR 기반 Apache Tomcat Native 라이브러리를 로드하지 못했습니다. (0) | 2022.02.07 |
B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오.
10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다.
A: 10, B: 11, ..., F: 15, ..., Y: 34, Z: 35
첫째 줄에 N과 B가 주어진다. (2 ≤ B ≤ 36)
B진법 수 N을 10진법으로 바꾸면, 항상 10억보다 작거나 같다.
첫째 줄에 B진법 수 N을 10진법으로 출력한다.
a, b = input().rstrip().split()
print(int(a, int(b)))
* 참고 링크 : https://my-coding-notes.tistory.com/344
https://codechacha.com/ko/python-string-strip/
Python - String strip(), rstrip(), lstrip() 사용 방법 및 예제
Python에서 strip() 함수를 이용하면 문자열의 쓸모 없는 부분을 자를 수 있습니다. Python은 lstrip(), rstrip(), strip()을 제공합니다. Java 등의 다른 언어들도 strip()을 제공하며, 기능은 모두 비슷합니다.
codechacha.com
#include <iostream>
#include <string>
using namespace std;
int main() {
string s;
int b, sum = 0;
cin >> s >> b;
for (int i=0; i<s.size(); i++) { // 문자열 크기만큼 반복
if (s[i] >= '0' && s[i] <= '9') { // 수가 문자가 아닌 경우
sum = sum*b + (s[i] - 48); // 문자 0 의 아스키코드 : 48
}
else
sum = sum*b + (s[i] - 65 + 10); // 문자 A 의 아스키코드 : 65
}
cout << sum;
return 0;
}
* 참고 링크 : https://etyoungsu.tistory.com/54
| [백준 알고리즘] 2606번 바이러스 (0) | 2022.02.14 |
|---|---|
| [백준 알고리즘] 1260번 DFS와 BFS (0) | 2022.02.14 |
| [백준 알고리즘] 5692번 팩토리얼 진법 (0) | 2022.02.08 |
| [백준 알고리즘] 10816번 숫자 카드 2 (0) | 2022.01.25 |
| [백준 알고리즘] 2557번 Hello World (0) | 2021.12.28 |
상근이는 보통 사람들이 사는 것과는 조금 다른 삶을 사는 사람이다. 상근이는 이런 사람들의 시선이 부담스럽기 때문에, 자신만의 숫자를 개발하기로 했다. 바로 그 이름은 팩토리얼 진법이다. 팩토리얼 진법은 각 자리에 올 수 있는 숫자는 0부터 9까지로 10진법과 거의 비슷하다. 하지만, 읽는 법은 조금 다르다. 팩토리얼 진법에서는 i번 자리의 값을 ai×i!로 계산한다. 즉, 팩토리얼 진법에서 719는 10진법에서 53과 같다. 그 이유는 7×3! + 1×2! + 9×1! = 53이기 때문이다.
팩토리얼 진법으로 작성한 숫자가 주어졌을 때, 10진법으로 읽은 값을 구하는 프로그램을 작성하시오.
입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스는 한 줄로 이루어져 있고, 길이가 최대 5자리인 팩토리얼 진법 숫자가 주어진다. 입력의 마지막 줄에는 0이 하나 주어진다.
각 테스트 케이스에 대해서, 입력으로 주어진 팩토리얼 진법 숫자를 10진법으로 읽은 값을 출력한다.
from sys import stdin # readline을 사용하기 위해 import
from math import factorial # factorial을 사용하기 위해 import
while True: # 0을 입력할 때까지 반복
number = stdin.readline().rstrip() # 팩토리얼 진법 숫자 입력
number_len = len(number) # 입력한 팩토리얼 진법 숫자의 길이를 저장하는 변수 선언
decimal_number = 0 # 팩토리얼 진법 숫자를 10진법으로 읽은 값을 저장할 변수 선언
if number == '0': # 입력한 팩토리얼 진법 숫자가 0이라면
break # 반복문 탈출
for i in range(number_len): # 팩토리얼 진법 숫자의 길이만큼 반복
decimal_number += int(number[i]) * factorial(number_len -i)
# 팩토리얼 진법 숫자에서 i번 자리의 값을 10진법으로 계산해
# decimal_number에 더한다.
print(decimal_number) # 팩토리얼 진법 숫자를 10진법 숫자로 읽은 값을 출력* 참고 링크 : https://brightnightsky77.tistory.com/313
#include <bits/stdc++.h>
#define fastio ios_base::sync_with_stdio(0); cin.tie(0); cout.tie(0);
using namespace std;
int getFac(int num){
int tmp = 1;
for(int i = 1; i <= num; i++)
tmp *= i;
return tmp;
}
int getFacNum(int num) {
int tmp = num, sum = 0, cnt = 1;
while(tmp){
sum += tmp % 10 * getFac(cnt++);
tmp /= 10;
}
return sum;
}
int main(){
fastio;
while(1){
int n, ans = 0;
cin >> n;
if(!n) break;
cout << getFacNum(n) << '\n';
}
}* 참고 링크 : https://codecollector.tistory.com/1336
| [백준 알고리즘] 2606번 바이러스 (0) | 2022.02.14 |
|---|---|
| [백준 알고리즘] 1260번 DFS와 BFS (0) | 2022.02.14 |
| [백준 알고리즘] 2745번 진법 변환 (0) | 2022.02.08 |
| [백준 알고리즘] 10816번 숫자 카드 2 (0) | 2022.01.25 |
| [백준 알고리즘] 2557번 Hello World (0) | 2021.12.28 |
servlet 공부하다가 에러가 발생하여 결과 확인을 못하고 있다.
http://archive.apache.org/dist/tomcat/tomcat-connectors/native/
Index of /dist/tomcat/tomcat-connectors/native
archive.apache.org
1. tcnative-1.dll 파일을 복사하면 된다고 하여 해보니 다음 에러 발생
심각: APR 기반의 Apache Tomcat Native 라이브러리가 호환되지 않는 버전 [1.1.20]이(가) 설치되어 있습니다. Tomcat은 버전 [1.2.14]을(를) 요구합니다.
2. 버전을 맞춰서 다시 실행해보니 아래와 같이 에러 발생
Can't load IA 32-bit .dll on a AMD 64-bit platform
3. tcnative-1.dll 1.2.14 version 64비트 파일로 다시 복사 후 실행 결과 아래와 같은 에러 발생
경고: APR 기반 Apache Tomcat Native 라이브러리를 로드하지 못했습니다. 보고된 오류는 [C:\Program Files\Eclipse Adoptium\jdk-8.0.312.7-hotspot\bin\tcnative-1.dll: Can't load IA 32-bit .dll on a AMD 64-bit platform]입니다. java.lang.UnsatisfiedLinkError: C:\Program Files\Eclipse Adoptium\jdk-8.0.312.7-hotspot\bin\tcnative-1.dll: Can't load IA 32-bit .dll on a AMD 64-bit platform
2월 07, 2022 1:05:36 오후 org.apache.catalina.core.ApplicationContext log 정보: 서블릿 [WorldServlet]을(를) 가용하지 않은 상태로 표시합니다. 2월 07, 2022 1:05:36 오후 org.apache.catalina.core.StandardWrapperValve invoke 심각: 서블릿 [WorldServlet]을(를) 위해 할당하던 중 예외 발생 java.lang.ClassNotFoundException: com.servlet.WorldServlet at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1415) at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1223) at org.apache.catalina.core.DefaultInstanceManager.loadClass(DefaultInstanceManager.java:533) at org.apache.catalina.core.DefaultInstanceManager.loadClassMaybePrivileged(DefaultInstanceManager.java:514) at org.apache.catalina.core.DefaultInstanceManager.newInstance(DefaultInstanceManager.java:149) at org.apache.catalina.core.StandardWrapper.loadServlet(StandardWrapper.java:1071) at org.apache.catalina.core.StandardWrapper.allocate(StandardWrapper.java:789) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:128) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:542) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:81) at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:698) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:366) at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:639) at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:847) at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1680) at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) at java.lang.Thread.run(Thread.java:748)
4. tcnative-1.dll 파일 버전을 1.2.30으로 복사하니 console에서 에러는 안뜬다.
정보: APR 기반의 Apache Tomcat Native 라이브러리의 예전 버전 [1.2.14](이)가 설치되어 있습니다. Tomcat은 최소 버전으로서 [1.2.30]을(를) 추천합니다.
5. 실행 결과는 동일하게 404 에러가 뜸
설정 다시 확인해봐야 될 듯
==================================================================
마지막 설정
6. [Eclipse] → [Window] → [Preferences]
7. [Pregerences] → [Java] → [Compiler] → [Errors/Warnings] → [Deprecated and restricted API] → [Forbidden reference (access rules)] : Error - Warning으로 변경 → [Apply and Close]
404 에러 잡느라고 하루종일 걸렸다.
| [Servlet JSP] Web Application에서 DB 연동_MyBatis (0) | 2022.02.09 |
|---|---|
| [Servlet JSP] Web Application에서 DB 연동_JDBC (0) | 2022.02.09 |
| [Servlet JSP] Scope & Scope Life Cycle (0) | 2022.02.08 |
| [Servlet JSP] Servlet 정의 (0) | 2022.02.08 |
| [Servlet JSP] 500 Error (0) | 2022.02.08 |
* const는 재할당 불가능
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 상수
const n = 100;
n = 200; // 변경 불가
// Uncaught
// TypeError: Assignment to constant variable.
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 1. 문자열과 산술연산자 연산
console.log("10" + 3); // 연결
console.log("10" - 3);
console.log("10" * 3);
console.log("10" / 3);
// 2. true/false가 아닌 임의의 값도 논리값으로 처리 가능하다.
// false로 처리되는 값 : 0, "", NaN, null, undefined
// true로 처리되는 값 : 위 5가지를 제외한 나머지 값은 true로 처리된다.
if(""){
console.log("true");
}else{
console.log("false"); //0, "" 빈문자열, undefined, NaN false로 찍힌다.
}
</script>
</head>
<body>
</body>
</html>
See the Pen JavaScriptVariable by DevYJShin (@devyjshin) on CodePen.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var name ="홍길동";
var age =20;
var height= 179.9;
var weight =69.5;
var isMarried = true;
var phone=["010","011"];
var email=["naver@naver.com","naver@gmail.com"];
var address = null; // null은 값이 정해져 있지 않는 경우
var pets={
"cat":"야오옹",
"dog":"멍머엉"
};
var f = function(){};
var f2 = null;
var f3;
console.log(typeof name); // "string"
console.log(typeof age); // "number"
console.log(typeof height); // "number"
console.log(typeof weight); // "number"
console.log(typeof isMarried); // "boolean"
console.log(typeof phone); // "object"
console.log(typeof email); // "object"
console.log(typeof address); // "object"
console.log(typeof pets); // "object"
console.log(typeof cat); // "object"
console.log(typeof dog); // "object"
console.log(typeof f); // "function"
console.log(typeof f2); // "object"
console.log(typeof f3); // "undefined"
</script>
</head>
<body>
</body>
</html>
javascript ES5버전까지의 변수 선언 방식
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// var 키워드
// 변수 선언
var num;
console.log("var:", num); //undefined
// 변수 초기화
num = 10;
console.log("var:", num); //10
num = "홍길동";
console.log("var:", num); //홍길동
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// var 키워드
// 변수 선언
// 변수 초기화
// 1. var는 변수명 중복이 가능하다.
var num = 10;
var num = 10;
console.log("var:", num); //undefined
// 2. 함수 scope
if(true){
var m = 20;
console.log("블럭안:", m);
}
console.log("블럭밖:", m);
function fun() {
var x = 10;
console.log("fun:", x);
}
fun();
// console.log(x); //에러 , 함수 블록 불러서
console.log("///////////////////")
// 3. 호이스팅
console.log(n); // undefined
var n = 10;
console.log(n); // 10
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// let 키워드 (ES6)
// 변수 선언
let num;
console.log("let:", num); //undefined
// 변수 초기화
num = 10;
console.log("let:", num); //10
num = "홍길동";
console.log("let:", num); //홍길동
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// let 키워드 (ES6)
// 변수 선언
// 변수 초기화
// 1. let은 변수명 중복이 안된다.
/* let num = 10;
let num = 20; // 에러 이유?
console.log("let:", num); *///undefined
//Uncaught SyntaxError: Identifier 'num' has already been declared
// 2. 블럭 scope
if(true){
let m = 20;
console.log("블럭안:", m);
}
/* console.log("블럭밖:", m); 에러이유? 블럭 안에서 선언된 것은 안에서만 사용 가능*/
// Uncaught ReferenceError: m is not defined
// at let2.html:23
function fun() {
let x = 10;
console.log("fun:", x);
}
fun();
// console.log(x); // 에러이유? 블럭 안에서 선언된 것은 안에서만 사용 가능
console.log("///////////////////")
// 3. 호이스팅 불가
/* console.log(n); */ // 에러이유? hosting을 수행하지만 초기화 되기 전을 참조
let n = 10;
console.log(n);
</script>
</head>
<body>
</body>
</html>
| [JavaScript] Data Type 기본형 & 참조형 & Class 정리 (0) | 2022.01.29 |
|---|---|
| [JavaScript] script 작성 위치 정리 2 (0) | 2022.01.29 |
| [JavaScript] script 작성 위치 정리 (0) | 2022.01.29 |
See the Pen JavaScriptDataType by DevYJShin (@devyjshin) on CodePen.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 1. 기본형
console.log("수치(정수):", 20);
console.log("수치(실수):", 3.14);
console.log("문자(하나의문자):", 'A', "A");
console.log("수치(문자열):", 'ABC', "ABC");
console.log("논리데이터:", true, false);
console.log("undefined(초기화 되지 않은 상태):", undefined);
console.log("null(값이 없음):", null);
console.log("NaN(Not a Number):", NaN);
// 2. 참조형
console.log("객체:(객체배열)", [10,20,30], ["a", "b"], [10, "a"]);
console.log("객체:(JSON객체)", {"name":"홍길동", "age":20});
// ES6
// 클래스
class Person{
// 생성자
constructor(name, age)
{
this.name = name;
this.age = age;
}
}
var p = new Person("홍길동", 20);
console.log("클래스:", p.name, p.age)
console.log("함수(익명함수):", function(){});
</script>
</head>
<body>
</body>
</html>| [JavaScript] Variable (0) | 2022.01.29 |
|---|---|
| [JavaScript] script 작성 위치 정리 2 (0) | 2022.01.29 |
| [JavaScript] script 작성 위치 정리 (0) | 2022.01.29 |