WHIMSICAL

개발 과제 :: html 과 js 를 이용하여 계산기를 구현하라. 문제 설명 Html과 JS를 이용하여 계산기를 구현한다. 단순하게 입력창과 버튼만 있으며, 사칙 연산만 가능하도록 구현하면 된다. (띄어쓰기를 했을 때, 안했을 때 모두 동작하도록 구현할 수 있어야 한다.) exit을 입력하면 종료 경고창이 출력되도록한다. 중요 포인트 절차지향 프로그래밍 (지금까지 하던 모든게 절차지향 프로그래밍이었으므로 하던 대로 하면 됨) 기능별로 함수를 분리하고, 함수(또는 메소드)가 한 가지 일만 하도록 최대한 작게 만들어라. (함수 하나에 두개의 기능이 들어가면 안된다.) → 예를 들어, printMessage()라는 함수는 출력 기능만 있어야한다. // 예시 : 출력 함수 function printMessage..

JSON 에 대한 정리글 MDM JSON JSON 은 Javascript 객체 문법을 따르는 문자 기반의 데이터 포맷이다. JSON 이 Javascript 객체 문법과 매우 유사하지만 딱히 Javascript 가 아니더라도 JSON 을 읽고 쓸 수 있는 기능이 다수의 프로그래밍 환경에서 제공된다. JSON 은 문자열 형태로 존재한다. 네트워크를 통해 전송할 때 아주 유용하다. 데이터에 접근하기 위해서는 네이티브 JSON 객체로 변환된 필요가 있다. 별로 큰 문제는 아닌 것이 Javascript 는 JSON 전역 객체를 통해 문자열과 JSON 객체의 상호변환을 지원한다. 문자열에서 네이티브 객체로 변환하는 것은 파싱(Parsing) 이라고 한다. ** 네이티브 객체란 ? Object, String, Num..

드림코딩 :: 정규표현식, 더이상 미루지 말자 정리하기 (YouTube) ※ 이 글은 유튜브 강의 영상을 보고 정리한 글입니다. MDN 을 보고 정리한 기존 포스팅을 참고 하였습니다. 정규표현식 (Regex) 텍스트에서 우리가 원하는 특정한 패턴을 찾을 때 유용하게 사용할 수 있다. 슬래쉬를 이용하여 나타낸다. (/) 슬래쉬 안에 찾고자 하는 패턴을 작성하고 플래그를 활용하면 된다. https://regexr.com/5mhou RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com https://github.com/dream..

자바스크립트 반복문 정리하기 반복문은 한 동작을 여러 번 반복한다. 자바스크립트가 지원하는 반복문은 8가지이다. 1. for 문 for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다. for ([초기문]; [조건문]; [증감문]) 문장 ✔️ 초기문이 존재하면 초기문이 실행된다. 보통 1이나 반복문 카운터로 초기 설정이 된다. 복잡한 구문이나 변수로 선언되기도 한다. ✔️ 조건문은 조건을 검사한다. 만약 조건문이 참이라면, 그 반복문은 실행된다. 만약 조건문이 거짓이라면 그 for 문은 종결된다. 만약 그 조건문이 생략된다면, 참으로 추정된다. ✔️ 갱신 구문인 증감문이 존재한다면 실행되고 2번째 단계로 돌아간다. 2. do...while 문 do...while 문은 특정한 조건이 거짓으로 ..

자바스크립트 정규 표현식 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. JavaScript 에서는 정규 표현식도 객체이다. 정규 표현식 만들기 두 가지 방법으로 만들 수 있다. 정규 표현식 리터럴. 다음과 같이 슬래시로 패턴을 감싸서 작성한다. const re = / ab + c / ; 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있다. RegExp 객체의 생성자 호출 const re = new RegExp("ab + c"); 생성자 함수를 사용하면 정규 표현식이 런타임에 컴파일된다. 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출처에서 가져오는 패턴의 경우 이렇게 사용한다. RegExp 객체는..