본문 바로가기
반응형

개발67

자바스크립트 기초 ep.5 - 입력 (prompt, confirm) 자바스크립트에서 사용자로부터 입력을 받기 위해 prompt 함수를 사용합니다. confirm은 사용자로부터 확인 받아 true, false 값을 리턴해주는 함수입니다. 자바스크립트 입력 (prompt, confirm) 다른 언어와 마찬가지로 자바스크립트에도 사용자로부터 입력 받는 prompt 함수가 있습니다. prompt 함수는 별도의 팝업창을 띄워 사용자로부터 입력을 받습니다. confirm 함수는 별도의 팝업창에서 확인, 취소 두가지 옵션을 주어 사용자로부터 true, false 값을 리턴 받습니다. prompt 함수 comfirm 함수 prompt 함수 사용자로부터 입력받기 위해 prompt 함수를 사용하면 입력창이 팝업됩니다. 입력 받은 내용을 변수에 저장하여 사용하면 됩니다. // prompt .. 2022. 4. 27.
자바스크립트 기초 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.
python 기존 파일에 내용 추가 방법, 열기 모드를 'a' 로 하기 코딩을 하다보면 파일 입출력해야 하는 경우가 많습니다. 보통 파일을 다룰 때 내용을 작성하기 위해 write 옵션 w, 파일을 읽기 위해 read 옵션 r 을 사용합니다. 더불어 기존 파일에 새로운 내용을 추가하고 싶은 경우 a 옵션을 사용할 수 있습니다. 파이썬 기존 파일에 내용 추가 하는 방법 파이썬에서 파일에 내용을 쓸 때 w 옵션을 사용합니다. 파이썬 open 함수를 사용하여 w 옵션을 지정해 주면, 중복된 파일명이 존재 할 경우 기존 파일 내용은 삭제하고 새로운 내용으로 생성됩니다. 기존 파일의 마지막에 새로운 내용을 추가 하고 싶을 경우 a 옵션으로 open 함수를 사용하면 됩니다. 파일 열기 옵션 파일 객체 생성 a 옵션을 이용하여 새로운 내용 추가하기 파일 열기 옵션 파일 열기 옵션은 아.. 2022. 4. 14.
python 문자열 포매팅, string 을 세밀하게 다루는 방법 파이썬에서 문자열(string)은 다양한 방법으로 구성, 변형할 수 있습니다. 특히 문자열 포매팅은 문자열 안에 어떤 값을 끼워넣는 방법입니다. 문자열 포매팅을 잘 활용하면 불필요한 문자열 늘리기를 방지하고, 지속적으로 변화가 필요한 문자열을 다룰 때 유용합니다. 파이썬 문자열 포매팅 문자열 포매팅은 크게 3가지로 사용합니다. 사용방법은 각기 다르지만 결국 문자열을 완성하기 때문에, 본인에게 맞는 방법을 사용하면 되겠습니다. %를 이용한 방법 f string 사용 방법 format 함수 사용 방법 %를 이용한 방법 %는 C 언어에서 처럼 출력할 값의 타입을 정의하고, 해당 위치에 출력한 값을 위치시킬 수 있는 포매팅 입니다. # %d 등의 타입으로 정의한 후, % 뒤에 값을 삽입 str_test = "제.. 2022. 4. 12.
반응형