본문 바로가기
반응형

전체 글138

자바스크립트 기초 ep.4 - $ (달러) 기호를 이용한 템플릿 스트링(template string) $ (달러) 기호는 자바스크립트에서 다양한 의미로 쓰이는 기호입니다. 그 중 템플릿 스트링(template string)으로 사용하는 방법을 알아보겠습니다. 템플릿 스트링은 변수를 포함하여 복잡해질 수 있는 문자열(string)을 직관적이고 단순하게 표기하는 방법입니다. $ 달러 기호를 이용한 템플릿 스트링 템플릿 스트링은 백틱(`, 키보드상 물결표)을 이용하여 중괄호에 $ 기호를 붙여 변수명을 그대로 보여주는 방법입니다. 즉 문자열에 변수명을 포함하여 합칠 때 표현하는 표기방법 입니다. + 기호를 이용한 복잡한 문자열 표기 방법 $ 달러 기호를 이용한 템플릿 스트링 표기 방법 + 기호를 이용한 복잡한 문자열 표기 방법 문자열은 + 를 이용하여 문자열 뒤에 문자열을 붙여나갈 수 있습니다. var name.. 2022. 4. 26.
자바스크립트 기초 ep.3 - 변수명 표기법 (카멜 케이스, 스네이크 케이스) 변수명이 해당 변수를 쉽게 설명할 수 있게 하려면 보통 여러 단어로 이뤄질 가능성이 높습니다. 이때 사용하는 두가지 방법으로 카멜케이스(camelCase) 와 스네이크 케이스(snake_case) 가 있습니다. 자바스크립트 변수명 표기법 (카멜 케이스, 스네이크 케이스) 변수명은 몇가지 제약사항을 제외하고 자유롭게 작명할 수 있습니다. 하지만 일정한 규칙없이 변수명을 만들어가다보면 수 많은 변수를 사용하는 코드 내에서 혼란스럽고, 유지보수에 어려움을 겪을 수 있습니다. 이러한 점을 극복하기 위해 대표적으로 카멜 케이스와 스네이크 케이스를 사용합니다. 이 두가지는 자바스크립트 뿐만 아니라 모든 프로그래밍 언어에 유용한 규칙입니다. 카멜 케이스 (camelCase) 스네이크 케이스 (snake_case) 카.. 2022. 4. 26.
자바스크립트 기초 ep.2 - 변수 (var, let, const, 연산) 자바스크립트의 변수는 별도의 데이터타입을 지정해주지 않습니다. 변수를 선언할 키워드로 var, let, const가 있으며 적절한 키워드로 변수를 선언이 중요한데, 이는 디버깅 할 때 에러 발생 위치를 쉽게 알 수 있습니다. 자바스크립트 변수 변수(variable)는 값(데이터)을 저장하기 위해 이름을 할당 받은 공간입니다. 변수는 말 그대로 변하는 숫자로, 자바스크립트에서 제공하는 모든 데이터 타입의 값을 저장할 수 있습니다. 값이 재할당 되는 var, let, 값이 재할당 되지 않는 const 형이 있습니다. 변수 작명 규칙 var, let const 변수의 산술연산, 비교 연산, 증감 연산 변수 작명 규칙 변수는 변하는 숫자이기 때문에, 변수 이름을 할당하여 할당받은 이름의 공간에 데이터를 저장하는.. 2022. 4. 25.
자바스크립트 기초 ep.1 - 원시 자료형 자바스크립트는 동적언어로 변수를 정의할 때 자료형을 정의할 필요가 없습니다. 총 7개의 자료형이 존재하며 원시 자료형 6개, 객체로 이루어져 있습니다. 이 중 원시 지료형을 살펴보겠습니다. 자바스크립트 원시 자료형 원시자료형(primitive)은 객체가 아닌 자료형(데이터 타입)으로, 별도의 메서드를 가지지 않습니다. 이러한 데이터 타입은 사람이 이해하기 쉽게 값을 표현할 수 있도록 제공하는 개념입니다. number, 숫자 string, 문자열 boolean, 논리값 null, 널 undefined, 정의되지 않은 값 symbol, 심벌 number, 숫자 number는 숫자를 표현하기 위해 사용하는 타입입니다. 자바스크립트는 정수와 실수를 구분하지 않고 number 로 표현됩니다. // 숫자는 모두 n.. 2022. 4. 25.
자바스크립트 기초 ep.0 - 코드 테스트 사이트 리액트로 간단한 웹페이지를 구축하면서 자바스크립트를 기초부터 한번 정리할 필요가 있다는 생각이 들었습니다. 이를 위해 간단하게 코드를 작성한 후 테스트 해볼 수 있는 사이트를 먼저 소개하도록 하겠습니다. 자바스크립트 코드 테스트 사이트 자바스크립트 코드를 작성한 후 테스트를 하기 위해 웹서버를 띄우고 작업하는 일이 귀찮기 때문에, 간단히 웹사이트를 통해 익혀보도록 하겠습니다. jsbin 아래 사이트는 별도의 설치나 웹사이트 구동 필요없이 간단히 html, css, javascript 를 테스트해 볼 수 있습니다. console 과 웹페이지 결과물을 확인할 output 이 제공됩니다. https://jsbin.com/ JS Bin Sample of the bin: jsbin.com 자바스크립트의 기초를 먼.. 2022. 4. 25.
python 올림 내림 반올림 함수, ceil(), floor(), round() 정리 파이썬에서 실수를 처리 할 때 반올림은 round() 함수, 올림은 ceil() 함수, 내림은 floor() 함수를 사용할 수 있습니다. 그 중 반올림 함수 round()는 사사오입 원칙으로 원하는 값과 다른 결과 값을 보일 수 있습니다. 파이썬 반올림 올림 내림 함수, round(), ceil(), floor() 간략하게 3가지 함수에 대해 알아보겠습니다. 올림 함수 ceil() 내림 함수 floor() 반올림 함수 round(), 사용시 주의 할 점 및 이를 대처할 방법 올림 함수 ceil() 파이썬 표준 모듈 중 math 를 import 하여, math 모듈의 함수인 ceil() 을 사용합니다. # math 모듈 import import math # math 모듈의 ceil 함수 사용 print(m.. 2022. 4. 23.
코스트코 공세점 근처 추천 카페, 어반리프 요즘 날씨가 참 좋습니다. 이런날 가볼만한 카페를 찾아보다가, 마침 코스트코 공세점에 들러 쇼핑할 겸 근처를 찾다 알게된 어반리프를 방문했습니다. 커다란 온실 화원에서 자연을 느끼게 하는 실내가 특징인 카페 입니다. 코스트코 공세점 근처 추천 카페, 어반리프 사진을 찍고 보니 느낌이 약간 미국(?) 같네요. ㅋㅋ 위치 용인 기흥에 위치해 있습니다. 특히 코스트코 공세점이 가까워서, 쇼핑 겸 들리기 좋습니다. 동탄 바로 위쪽에 위치하기 때문에 접근성이 좋습니다. 야외에 주차공간이 넉넉해서 주차 걱정은 하지 않아도 되겠습니다. 운영시간은 아래와 같습니다. 평일: 10:00~21:00 주말: 10:00~22:00 베이커리와 카페 어반리프는 빵과 음료를 판매하는 카페, 건너편 온실 화원으로 되어 있습니다. 빵과.. 2022. 4. 20.
구글 애드센스 핀 번호 도착, 간단하게 핀번호 등록하기 애드센스 관련해서 검색해 봤을 때, 핀번호는 발송 후 3주~4주 정도 뒤에 도착한다고 해서 잊고 살고 있었습니다. 그런데 오늘 잠시 밖을 나가는 길에 우편함에 보니 구글 애드센스 우편물이 도착했네요. 발송 후 딱 12일 만에 도착했습니다. (환호) 구글 애드센스 핀 번호 도착, 간단하게 핀번호 등록하기 구글 애드센스 핀번호 종이는 따로 우편봉투에 담겨서 오지 않고 일반 A4용지보다 두꺼운 재질로 되어있습니다. 발송지를 보니 저 멀리 말레이시아에서 왔음에도 종이의 상태는 꽤나 양호한 상태로 도착했네요. 구글 애드센스 핀번호 발송 조건 구글 애드센스 광고를 블로그에 게재하고, 누적 10달러가 넘으면 별도의 요청없이 자동으로 핀번호가 발송됩니다. 발송이 되면 애드센스 페이지 상단에 주소가 확인되지 않아 지급이.. 2022. 4. 18.
오산 동탄 스크린 테니스, 테니스데이 취미로 테니스 레슨을 받고 있습니다. 레슨을 받다보니 경기를 하고 싶은 욕심이 생기지만 레슨받는 실내 테니스장은 경기를 하기엔 부족한 공간입니다. 더군다나 코트를 빌려 경기를 하기에는 부족한 실력이다보니, 적절한 연습 공간을 찾아보다 오산에 위치한 스크린 테니스장 테니스데이를 찾게 되었습니다. 오산 동탄 스크린 테니스, 테니스 데이 위치 위치는 아래와 같습니다. 아직 카카오맵에는 등록되지 않아서 표시가 되지 않네요. 네이버 지도에서는 테니스데이 라고 검색하면 나옵니다. 주소: 경기 오산시 가장산업동로 28-5 103,104호 주소로 찾아가면 아래 건물이 있습니다. 유료주차장에 주차하시면 됩니다. 경기를 마친 후 프론트에 얘기하면 주차권을 줍니다. 테니스데이는 이 건물 1층에 위치해 있습니다. 주차장을 찾.. 2022. 4. 17.
반응형