전체 글102 Kotlin을 사용한 첫 프로그램 컴퓨터의 웹브라우저에서 Kotlin 플레이그라운드를 엽니다. fun main() { println("Hello, world!")}를 클릭하여 프로그램을 실행합니다. Hello, world! Kotlin 프로그램에는 main 함수가 있어야 합니다. main 함수란 코드에서 Kotlin 컴파일러가 시작되는 특정 위치입니다. main 함수는 프로그램의 진입점 또는 시작점입니다. 스타일 가이드 권장사항입니다. 함수 이름은 카멜 표기법을 사용해야 하며 동사 또는 동사구여야 합니다.각 문은 한 줄에 하나씩 입력해야 합니다.여는 중괄호는 함수가 시작되는 줄의 끝에 표시되어야 합니다.여는 중괄호 앞에는 공백이 있어야 합니다.함수 본문은 4개 공백으로 들여쓰기되어야 합니다. Tab 문자를 사용하여 코드를 들여쓰기.. 2024. 10. 24. AsyncFunction AsyncFunction 생성자는 새로운 async function 객체를 만든다. JavaScript에서 모든 비동기 함수는 사실상 AsyncFunction 객체이다.AsyncFunction이 전역변수가 아님에 주의한다. 다음코드를 보면 알 수 있다.Object.getPrototypeOf(async function () {}).constructor;문법 new AsyncFunction([arg1[, arg2[, ...argN]],] functionBody)파라미터arg1, arg2, ... argN인수의 이름들은 함수내에서 사용되는 이름이다. 이름은 JavaScript 식별자 로 유용한 문자열이거나 컴마로 구분된 문자열 목록이어야 한다. 예를들면 "x","theValue",or"a,b"와 같다.f.. 2024. 5. 13. 문자열 다루기 단어는 인간이 커뮤니케이션 함에 있어 커다란 하나의 부분이라고 할 수 있기에 매우 중요하다. 웹은 사람들이 정보를 교환하고 공유할 수 있도록 설계된 텍스트 기반의 매체이므로, 웹에 표시되는 단어를 제어하는 것이 유용하다. HTML은 텍스트에 구조와 의미를 부여하고, CSS는 텍스트의 스타일을 정밀하게 지정할 수 있게 해주며, JavaScript에는 문자열 조작, 사용자 지정 환영 메시지 및 프롬프트 생성, 필요할 때 올바른 텍스트 레이블 표시, 원하는 순서로 용어 정렬 등을 위한 다양한 기능이 포함되어 있다.문자열 선언하기문자열은 언뜻 보기에는 숫자와 비슷하게 다루어지지만, 자세히 살펴보면 몇 가지 눈에 띄는 차이점을 발견할 수 있다. 브라우저 개발자 콘솔 (en-US)에 몇 가지 기본 행을 입력하여 익.. 2024. 5. 3. Number Number 는 37이나 -9.25와 같은 숫자를 표현하고 다룰 때 사용하는 원시 래퍼 객체다.Number 생성자는 숫자를 다루기 위해 상수와 메소드를 가지고 있다. 다른 타입의 값은 Number() 함수를 사용하여 숫자로 바꿀 수 있다.JavaScript Number 타입은 Java 혹은 C#의 double 타입처럼 IEEE 754 64비트 바이너리 배정 밀도 값이다. 즉, 분수 값을 나타낼 수 있지만 저장할 수 있는 값에는 몇 가지 제한이 있다. Number는 소수점 이하 17자리 정도만 유지하며 산술은 반올림의 대상이 된다. Number가 가질 수 있는 가장 큰 값은 1.8E308 이다. 그보다 더 큰 값은 특별한 Number 상수인 Infinity로 대체된다.JavaScript 코드에서 37과 같.. 2024. 5. 2. state 리액트에서 state는 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. props는 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값이며, 컴포넌트 자신은 해당 props를 읽기 전용으로만 사요할 수 있다. props를 바꾸려면 부모 컴포넌트에서 바꾸어야 한다. 예를 들어 App 컴포넌트에서 MyComponent 를 사용할 때 props를 바꿔야 값이 변경될 수 있다. 반면 MyComponent에서는 전달받은 name 값을 직접 바꿀 수 없다. 리액트에는 두가지 종류의 state가 있다. 하나는 클래스형 컴포넌트가 지니고 있는 state이고, 다른 하나는 함수형 컴포넌트에서 useState라는 함수를 통해 사용하는 state이다.클래스형 컴포넌트의 stateCounter.js 파일을 src 디렉터.. 2024. 4. 29. props props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소이다. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트(현 상황에서는 App 컴포넌트가 부모 컴포넌트이다.)에서 설정할 수 있다.JSX 내부에서 props 렌더링우선 MyComponent 컴포넌트를 수정하여 해당 컴포넌트에서 name이라는 props를 렌더링하도록 설정하자. props 값은 컴포넌트 함수의 파라미터로 받아 와서 사용할 수 있다. props를 렌더링할 때 JSX 내부에서 {}로 감싸주면 된다.import React from 'react';const MyComponent = props => { return 안녕 나는 {props.name}이야!!!;};export default MyCompo.. 2024. 4. 25. 이전 1 2 3 4 5 ··· 17 다음
