본문 바로가기
728x90

전체 글464

훈훈한 Javascript (3) 4. string, number 문자열 공백 또한 텍스트 데이터 (문자열) 문자열은 더하기 연산으로 더해진다. 공백 또한 문자열화 문자열은 더하기 연산만 적용 가능 숫자와 문자열의 차이 주의 문자 타입 데이터와의 차이 문자 타입 데이터와 숫자 타입 데이터의 결합 문자열로 변환이 돼서 반환이 된다. 맨 마지막 결과도 문자열 1로 변환돼서 반환된 것 문자열과 숫자의 곱셈 Nat a Naumber Nan 값 산술연산자로 불리는 것들은 숫자로 변환이 가능한지 판단하고, 숫자로 변환 가능하면 연산진행시켜줌 2023. 8. 29.
훈훈한 Javascript (2) 3. 변수선언 키워드 재할당, 재선언이 가능한 키워드들이 있음 재할당: 데이터가 이미 할당되어있는 변수에 다시 할당을 진행해주는 작업 shift + enter 키를 눌러서 console 창에서 한 줄 내려서 더 작성해준다 5로 재할당 해 준 것 let - 재할당이 가능한 키워드 재선언 정의 같은 것으로 선언해주면 box 는 이미 선언되어있다고 에러가 뜨게 됨. let - 재할당만 가능 const - 상수 변수 변수: 변할 수 있는 값을 의미 상수: 변하지 않는 값을 의미 const - 재할당 불가, 재선언 불가 let 과 달리 선언과 할당이 동시에 이뤄져야 함 선언과 할당이 동시에 이뤄진 모습 재할당 시도해보면 상수라고 하면서 재할당 불가. var 키워드 특징 재선언한 케이스 엔터 눌러도.. 2023. 8. 29.
훈훈한 Javascript (1) 1. 변수란? 자바스크립트: 동적 변수: 상자와 같은 개념 원하는 데이터를 담아둘 수 있는 상자 사전에 변수를 먼저 선언해주고 데이터를 할당해 줌 2. 변수선언과 데이터 할당 var 은 자주 사용하진 않음 let - 변수 선언하겠다는 키워드 변수명이 box 인 변수 할당연산자(=)를 통해서 데이터를 담아주면 된다. 데이터를 담는 것 = 할당 선언해 준 변수 사용하기 위해선 변수 참조를 해 줘야한다. 변수 참조 = 선언해 준 변수를 그대로 입력해주기만 하면 된다. 2023. 8. 28.
[생활코딩] JavaScript 입문 (2) # 숫자와 문자 - 수의 표현 # 숫자와 문자 - 수의 연산 Math 명령 : 수학과 관련된 명령 카테고리 pow : 수학 카테고리에 있는 명령 중에서 제곱에 해당하는 명령을 갖고있음 # 숫자와 문자 - 문자의 표현 Syntax Error - 문법 에러 큰따옴표 - 작은따옴표 : 문자가 끝나지 않았는데 괄호가 나온거라 에러 저기에 있는 작은따옴표는 문법적 요소가 아닌, 그냥 작은따옴표라 문자 작은따옴표 3개 쓰고 싶을 때 사이에 있는 작은따옴표 앞에다가 역슬래쉬(\)를 사용해주면 된다. = 이스케이프 (\) = 문자로 역할을 해제시킴 숫자인지 문자인지 알 수 있는 명령어 : typeof # 숫자와 문자 - 문자에 대한 명령들 \n 사용하기 \n = 줄바꿈 의미 < 문자와 문자를 .. 2023. 8. 1.
[생활코딩] JavaScript 입문 (1) # 오리엔테이션 자바스크립트 : 웹브라우저를 제어하기 위한 용도로만 사용될 뿐만 아니라 자바스크립트 언어와 자바스크립트가 동작하는 환경 (웹브라우저) 을 분리해서 생각해야한다 자바스크립트의 용도 : 웹서버를 동작하기 위한 도구로서 사용이 됨 = 서버사이드스크립트 브라우저에서 동작하는 자바스크립트 = 클라이언트 사이드 스크립트 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들 : JAVA , PHP, Python 웹브라우저에 주소를 입력하면 주소에 해당되는 컴퓨터를 찾아가게 됨 (요청) 그 컴퓨터에게 웹브라우저가 요청을 하게 되면 사용자가 입력한 주소에 해당되는 웹서버라는 소프트웨어가 사용자가 요청한 정보를 찾아서 그 정보를 웹브라우저에게 응답하게 된다. 서버 쪽에 존재하면서 사용자(웹 브라우저)에.. 2023. 8. 1.
[생활코딩] CSS 수업 정리 (17) 미니파이의 목표 : css 코드를 작게 압축해서 서버와 클라이언트 사이에 주고받는 데이터의 크기를 줄이는 것 코드 경량화(minify) - CSS (opentutorials.org) 코드 경량화(minify) - CSS CSS는 네트워크를 통해서 전송됩니다. 자연스럽게 CSS의 크기가 커지면 컨텐츠의 생산자와 소비자 모두에게 손해입니다. 코드의 크기를 줄이는 것을 통해서 이런 문제를 완화해주는 도구가 minify opentutorials.org 왼쪽에 있는 코드를 clean-css라고 하는 도구를 이용해서 minify 한 것 원래 original 소스는 1186 문자가 있었는데 minify 된 후에 793 문자로 축소 프로퍼티가 없기 때문에 있으나 마나한 코드가 돼서 무.. 2023. 7. 24.
728x90