Languages/JavaScript 50

[HUFS/GnuVil] #2 데이터 타입, 연산자

데이터 타입 일반 문자열에서는 줄바꿈 등의 공백을 표현하려면 이스케이프 시퀀스를 사용해야 한다 var template = '\n\tHome\n'; var template = ` Home `; 템플릿 리터럴 내에서는 줄바꿈이나 공백이 있는 그대로 적용된다 undefined는 할당된 값이 아닌 자바스크립트 엔진이 변수를 초기화 할 때 사용하는 값이며 null은 변수에 값이 없다는 것을 의도적으로 명시(intentional absence)한다 // 심벌 값 생성 var key = Symbol('key'); console.log(typeof key); // symbol // 객체 생성 var obj = {}; // 이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다. obj[key] = '..

[HUFS/GnuVil] #1 변수, 표현식과 문

변수 10 + 20 자바스크립트 엔진은 위 자바스크립트 코드를 계산(=평가, evaluation)하기위해 리터럴(literal)과 연산자(operator)의 의미를 알고 있어야 하며 표현식(expression)의 의미도 해석(=파싱, parsing)할 수 있어야 한다. 이 때 메모리를 사용해 피연산자를 기억하며, 연산은 CPU를 통해 이루어진다 각 셀은 고유의 메모리 주소를 가지며 모든 데이터를 2진수로 처리한다 재사용을 위해 메모리 주소로 직접 연산 결과에 접근하는 것은 시스템에 치명적인 오류를 발생시킬 수 있다. 따라서 변수(variable)를 활용해 하나의 값을 저장하기 위한 메모리 공간 확보 및 식별하기 위한 이름을 붙인다. 이는 컴파일러 또는 인터프리터에 의해 메모리 공간의 주소로 치환되어 실행..

Frog Chatbot

Frog Chatbot Frog Chatbot 개굴! 시키기 joseph-106.github.io 네이버 카페 '코뮤니티'에서 진행한 한 입 웹개발(JS) 5월 모각코 과정으로, 15일간 JavaScript를 활용해 챗봇을 구현해보는 프로젝트형 스터디. 문장 학습이 가능하지만 서버가 없어서 새로고침하면 초기화된다. 주요 기능 및 구현 수단은 다음과 같다. 간단한 반응형 레이아웃 구현 CDN을 활용한 타이핑 애니메이션 문장 학습(사용자의 텍스트를 값으로 입력받아 JSON 데이터로 추가) style 태그 제어(표정 바꾸기, '불꺼줘/불켜줘'에 따른 background 색상 변경) 변수를 활용한 상황 제어('불꺼줘'여러번 말해야 말 듣기, '따라해봐/그만해'에 따른 사용자 말 따라하기) GitHub Pages..