HTML,CSS,JavaScript25 JavaScript 자바스크립트 객체 by ofcourse 자바스크립트에서 객체는 매우 중요한 개념입니다. 자료형 강의에서 자바스크립트의 자료형은 primitive타입과 Object타입이 있다고 했는데, 다시 말하면 Primitive 타입 이외의 모든 변수는 객체 타입이라는 소리입니다. 객체와 Primitive(원시) 타입의 가장 큰 차이점은 Reference(참조)에 있습니다. 원시 타입 변수는 다른 변수에 값을 할당하거나 함수 인자로 넘길때, 값을 복하여 전달하지만, 객체는 메모리 주소를 복사시키며, 값 자체는 복사되지 않아 같은 객체를 참조하게 됩니다. 배열도 객체의 일부이며, 함수의 인자로 넘기거나 다른 변수에 참조시킬 수 있습니다. 사용법 자바스크립트에서 좁은 의미의 객체는 키-값 형태의 쌍을 저장할 수 있는 딕셔너리를 의미합니다. 아래는 샘플 Java.. 2022. 5. 28. JavaScript 자바스크립트 배열 by ofcourse JavaScript의 배열은 숫자형이나 문자열과 마찬가지로 일반적인 스크립트 언어와 크게 다른 것이 없습니다. C와 Java와는 상당히 다른게, 동적 타입 언어의 특징상 배열에도 타입이 정해져 있지 않습니다. 배열은 [] 나 new Array()로 생성하며, 크기의 제약이 없고, 하나의 배열에 서로 다른 타입의 변수가 들어갈 수 있습니다. 길이 >> console.log ? 맨 뒤에 항목 추가 맨 뒤의 항목 제거 맨 앞에 항목 추가 맨 앞의 항목제거 배열 내부 값의 위치 찾기 (color 배열의 인덱스안에 'red' 찾기 ) 후 찾은 위치값 0번째 인덱스 위치에서부터 n개의 항목 제거 내가 생각한거 : (fruits라는 배열을 생성 후 removeitem 이라는 변수를 만들었어 removeditem 변수.. 2022. 5. 28. JavaScript 자바스크립트 문자형 변수 by ofcourse javascript는 일반적인 문자열(String)을 지원하는 대부분의 언어들 처럼 문자형 자료형을 지원합니다. 자바스크립트에서는 char형이 존재하지 않아 " 혹은 ' 중 어떤것으로 감싸도 문자열로 만들어집니다. 이스케이프 문자 자바스크립트에서는 문자열안에 여러 줄의 글을 입력할 수 없습니다. 아래처럼 코드를 작성하면 오류가 발생합니다. 대신 줄바꿈 이스케이프 문자열인 \n 을 사용하여 표현합니다. 문자열 연결 문자열끼리 이어 붙이거나, 문자열과 숫자 등을 이어 붙일때는 + 연산자를 사용합니다. 엄격한 언어와는 달리, 서로 다른 타입의 변수를 이어 붙여도, 변수를 강제로 문자로 변형하여 이어 붙이게 됩니다. 문자열 인덱싱 c 언어에서 char형 배열에서 i 를 사용해 하나의 문자에 접근했듯, 자바스크립.. 2022. 5. 28. JavaScript 자바스크립트 숫자형 변수 by ofcourse 대부분의 스크립트 언어의 숫자 자료형과 유사합니다. 정수와 부동 소수점의 구분 없이 하나의 자료형으로 사용됩니다. NaN과 infinity NaN은 숫자가 아님을 의미하며 infinity는 무한대를 의미합니다. parselnt('blabla'),Math.sqrt(-1) 등의 함수는 NaN을 반환하게 되며, 42/0 처럼 무한대가 나오는 식은 infinity를 반환합니다. 연산자 일반적인 언어들처럼, JavaScript에서도 연산자를 이용할 수 있습니다. 2022. 5. 28. JavaScript 자료형 by ofcourse JavaScript는 동적타입 언어입니다. 개발자는 변수의 타입을 미리 선언할 필요가 없으며, 브라우저가 자동으로 파악합니다. 하지만 이는 외적으로 타입이 없는 것 뿐이지, 내부적으로는 엄연히 자료형이 존재합니다 JavaScript 자료형은 크게 Primitive(기본형)과 Object(객체)타입이 존재합니다. Primitive 타입 자료형 boolean : 논리적 요소로, true와 false값이 있음. null : 빈 값의 리터럴 표현 undefined : 값을 할당하지 않은 변수가 가지는 값 number : 숫자형으로 정수와 부동 소수점, 무한대 및 NaN(숫자아님)값의 포함합니다. String : 문자열 Object 타입 자료형 Reference 타입이라고도 합니다 Object 클래스 뿐만 아니라.. 2022. 5. 28. 프론트 UI 개념공부 프로그램을 실행하는 환경 >> 런타임? ex) jdk = java컴파일러(번역기라고함) + java 런타임(jvm) 컴파일러는 프로그램 언어를 컴퓨터 언어로 번역 (프론트-jdk같은 파일은 따로 없음.) = 번역기 + 런타임(크롬은 번역기랑 런타임이 같이 작동?) ex)html의 코드같은 것들은 크롬같은 웹 브라우저가 번역을 해주고 >> 크롬(웹브라우저)이 우리가 보이는 화면으로 출력해준다. 웹브라우저에서 html이랑 css는 정적, 자바스크립트는 동적 ? 움직임으로 구분 // 자바스크립트를 안봐봐서 그런거같음. 계산기를 만든다 html 계산기의 외형틀을 만들어준다 css 계산기가 조금더 컬러풀하고 입체적으로 만들어준다 자바스크립트가 뭐지 ? >> 계산기에 기능을 부여해준다. 이 3개를 웹브라우저로 보내.. 2022. 5. 28. java script, 자바스크립트 기본 개념 웹페이지를 동적으로 만들어주는 언어로, 객체 기반의 스크립트 프로그래밍 언어입니다. 단순히 규격을 나타내는 html과css와 달리, 변수와 함수 등이 존재하는 프로그래밍 언어이며 현재도 활발하게 발전이 이루어 지고 있습니다. java와 거의 관계가 없음(이름만 따왔으며, 설계 근본부터 다름) 브라우저 안에서 실행되는 클라이언트 언어로, 엔드유저 단에서 동작합니다. (?) 자바스크립트는 줄여서 js라고하며 파일 확장자또한 .js 를 사용합니다. css와 html 문서 내에 기술하거나 별도의 파일로 분리하여 사용합니다. 스크립트 언어 자바스크립트는 스크립트 언어이자 인터프리터 방식이 사용되어, 컴파일 과정이 필요 없습니다 (?) 인터 프리터 : 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또.. 2022. 5. 28. 이전 1 2 3 다음
