320x100
반응형
320x100
반응형
개발 환경 개요Java Version : Open JDK 21Gradle 8.5Spring Boot 3.2.5Port Number : 8080IDE : IntelliJ Community Edition 참고 깃 리지토리포스팅에서 다룬 프로젝트는 아래의 깃허브 주소에서 다운로드 가능합니다.https://github.com/luvris2/kotlin-spring-boot-example하위 디렉토리 : 01_helloworld GitHub - luvris2/kotlin-spring-boot-exampleContribute to luvris2/kotlin-spring-boot-example development by creating an account on GitHub.github.com 개발 환경 구축JDK 설..
문자열을 유니코드로 변환하기 문자열을 유니코드로 변환하려면 charCodeAt() 메서드를 사용하여야 한다. [ 구문 ] charCodeAt(index) charCodeAt() 메서드 설명 문자열의 지정된 인덱스에서 UTF-16 코드를 나타내는 정수를 String 타입으로 반환한다. 주어진 인덱스에서 유니코드 포인트를 얻으려면 괄호 사이에 인덱스를 넣으면 된다. 가능한 값의 범위는 0부터 65535까지이며, 인덱스가 범위를 벗어나면 NaN 값을 반환한다. 문자열의 인덱스란, 문자열에서 나타내는 글자수로 생각하면 이해하기 쉽다. 예를 들어, '은별' 이라는 문자열이면.. '은'의 문자 인덱스는 0이고 '별'의 문자 인덱스는 1이다. 유니코드 포인트 변환 예시 // 문자열을 유니코드로 출력 let str =..
서론 각각의 작업 a, b, c가 있다. a는 5초가 걸리고, b는 10초, c는 3초가 걸린다. 작업을 순차적으로 기다리면서 처리하게 된다면 이 작업은 총 5+10+3 으로 총 18초가 걸리게 된다. 그럼 각각의 작업을 일괄적으로 처리하게 하려면 어떻게 해야 할까? 정답은 비동기 작업으로 해당 작업들을 수행하면 된다. 이 포스팅에서는 비동기 방법 중 Promise 객체에 대해 다룬도록 한다. Promise 개념 비동기 작업의 완료 또는 실패에 따른 결과 값을 나타내는 객체 비동기 메서드에서 마치 동기 메서드처럼 반환할 수 있음 세 가지의 상태가 존재 대기(pending) : 초기 상태 이행(fulfilled) : 비동기 작업 성공 거부(rejected) : 비동기 작업 실패 상태에 따라 then 메서드..
Date 객체 설명 Date 객체 자바스크립트의 표준 내장 객체 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냄 1970년 1월 1일 UTC(국제표준시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담음 Date() 생성자 시간의 특정 지점을 나타내는 Date 객체 플랫폼에 종속되지 않는 형태로 생성 Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX 타임 스탬프를 담음 const today = new Date(); console.log("new Date ===>>> " + today); // new Date ===>>> Fri Aug 04 2023 13:53:27 GMT+0900 (한국 표준시) Date 객체 메서드 (현재 날짜 시간 ..
문자 인코딩 문자 인코딩(Character encoding) 혹은 텍스트 인코딩(Text encoding) 또는 줄여서 인코딩이라 한다. 한국어로는 암호화(=부호화)를 의미하며, 반대말은 복호화(decoding)이라 부른다. 사용자가 입력한 문자나 기호들을 컴퓨터가 이용할 수 있는 신호로 만드는 것을 의미한다. 인코딩은 보통 인터넷에서 파일을 다운로드 받거나 혹은 웹 페이지 검색이나 페이지 이동 시에 주소창에 이상한 글씨들로 주소가 되어 있는 것을 본 경험이 있을 것이다. 이는 대개 표현할 수 없는 기호나 공백들을 처리할 수 있도록 인코딩을 한 형태이다. 대부분의 사용자는 인코딩의 형식을 위와 같은 경우에서 많이 보았을 것이다. 예를 들어 보자. "가 나"라는 문자열이 있다. 이 문자열의 공백을 처리하기..
Overview 이번 포스팅에서는... 캔버스의 기본을 이해하고 캔버스 2D 컨텍스트 설정 방법을 알게되고 캔버스 위에 마우스로 클릭하여 원하는 위치에 직선을 생성하는 것을 다룹니다. 캔버스 (Canvas) HTML5에서 추가된 요소 중 하나 스크립트(보통은 자바스크립트)를 사용하여 그림을 그리는 데에 사용 예) 그래프 그리기, 사진 합성, 애니메이션 등 다양한 그래픽 만들기 캔버스에 드로잉(Drawing) 영역을 생성하고 하나 이상의 렌더링 컨텍스트를 노출하여 출력할 컨텐츠를 생성 그래프 만들기, 도형 그리기 등 : 2D 렌더링 컨텍스트 WebGL, OpenGL ES 기반 : 3D 렌더링 컨텍스트 즉, 자바스크립트를 사용하여 캔버스의 렌더링 컨텍스트에 접근하여 콘텐츠를 생성하는 기능을 가짐 캔버스 요소..