본문 바로가기

JavaScript42

[React] 공부중 https://youtu.be/FqnAFX9lQPQ React에서 class를 부여하고 싶을때 안녕하세요 - React 에서 우리는 index.js라는 파일덕에 App.js 파일을 html 처럼 쓰지만, 결국 js파일이기 때문에 태그에 class를 부여하고 싶다면 className으로 써줘야한다 React 장점 데이터 바인딩이 아주 쉬워짐 let posts = '강남 고기 맛집'; { posts } let style = { color : 'blue', fontSize : '30px' }; 개발blog function 함수(){ return 100 } { 함수() } // 이미지 또한 가능 - 다음과 같이 변수, 함수를 만들어서 { } 안에 변수명, 함수명만 끼워 넣으면 아주 손쉽게 변수들을 관리 할 수 .. 2023. 5. 16.
프로그래밍 시작하기 in JavaScript ① 변수선언 코드잇 강의 자바스크립트 소개 자바스크립트는 다양한 분야(모바일, PC전용프로그램, VR, AR 등)에 활용되는 범용으로 쓰이고 있음. 문법보다 프로그램의 원리를 공부하는 편이 좋음.(문법만 외우게 되면 대체 언어가 나타나면 ) 추상화(Abstraction) 목적을 명확히 불필요한 것들은 숨기기 핵심만 드러내기 작명가이드 - 변수선언 변수란? 값에 이름을 붙인 것. 반복적인 값을 사용해야할 때, 활용이 쉽고 실수를 줄일 수 있음. 숫자에 대한 의미전달이 더 수월하며 수정이 쉽다는 장점이 있음. (참고) var let 차이 (codeit.kr) 꼭 지켜야 하는 룰 (지키지 않으면 오류) 식별자는 무조건 문자, 밑줄(_) 혹은 달러($)로 시작 대문자와 소문자를 구별한다. myName과 myname은 다름... 2023. 4. 18.
[js/자바스크립트] 숫자 자료형 - Number *자료형 확인하기 Number 정수, 실수 상관없이 숫자는 모두 number 자료형으로 처리합니다. 숫자 자료형은 연산자(+,-,*,/,% 등)를 사용하여 수학 연산을 할 수 있습니다. number에 number을 연산하여 나온 값 또한 number 입니다. *여기서 작은 문제가 발생하는데, 실수 데이터를 연산할 때엔 어쩔 수 없는 오차가 발생합니다. 이에 대한 자세한 설명은 유투브에서 👉 https://youtu.be/-GsrYvZoAdA 그럼 number과 string은 연산이 될까요, 오류가 뜰까요? 아래와 같이 코드를 짜면 사진과 같은 결과 값이 나옵니다. 무한대의 값은 어떻게 출력할까요? 아래와 같이 코드를 짜면 사진과 같은 결과 값이 나옵니다. 2022. 9. 22.
[js/자바스크립트] typeof - 자료형 확인하기 자료형 Number 숫자형 - 정수, 실수 상관없이 숫자는 number 자료형으로 처리합니다. String 문자형 - 말그대로 문자로 이루어진 자료형 입니다. Boolean 논리형 - 참(1, true)과 거짓(0, false)이라는 값만 가지고 있습니다. Undefined 비정형 - 해당 변수의 자료형이 정해지지 않았음을 나타냅니다. (+추가 undefined와 null의 차이: Javascript의 undefined는 정확히 무슨 뜻일까? (null vs undefined) (tistory.com)) typeof 자료형을 확인하는 키워드. 아래와 같이 코드를 짜고 콘솔에 출력하면 사진과 같은 값이 나옵니다. 2022. 9. 21.