[TIL #32] 자바스크립트와 싱글톤
·
Camp/T.I.L.
싱글톤싱글톤에 대해 아시는가.전역에서 단 한 번만 초기화되어 항상 같은 인스턴스를 공유하는 것을 두고 흔히 싱글톤이라 한다. 그럼 두 번 초기화되는 일은 없어야 할 것이다.하지만 그게 발생할 수도 있다.노드의 모듈 임포트 구조는 왜 이래야만 했는가... 하는 의문도 있다.  싱글톤이지만 싱글톤이 아니다import DungeonState from './dungeonState.js';import EnemyAttackState from './enemyAttackState.js';import MonsterDeadState from './monsterDeadState.js';이러한 임포트가 있다고 하자.임포트 하는 ``.js`` 파일의 이름은 실제로 카멜 케이스를 따르고 있다. 그런데 이래도 임포트는 된다.imp..
[TIL #4] 비동기
·
Camp/T.I.L.
1. 정의일반적으로 코드는 순차적으로 실행되며, 완료가 되어야 다음으로 넘어간다.차례대로 하나하나씩 실행하는 것을 동기라고 이해할 수 있다. 그렇다면 비동기는?비동기란 말 그대로 동기가 아니라는 의미.어떤 작업의 완료를 기다리지 않고 다음 작업으로 진행하는 것을 말한다.따라서 여러 작업을 병렬로 수행시킬 수도 있다.병렬로 처리한다는 부분에서 슈퍼스칼라 아키텍처와 유사한 점이 있다. 다음의 이미지를 참고할 수 있겠다.  2. PromiseJS에서의 비동기 처리를 위해 ``Promise``는 꼭 알아야 하는 개념이다.``Promise``는 JS에서 비동기 작업을 처리하기 위한 객체로,비동기 작업의 성공(``resolved``) 또는 실패(``rejected``)를 처리할 수 있는 방법을 제공한다.``Prom..
[TIL #3] this, call(), apply(), bind()
·
Camp/T.I.L.
어쩌면 C를 처음 배울 때 포인터에서 느끼는 벽 이상의 무언가를 느끼게 해주는 존재.``this``는 포인터는 아니지만 어떤 함수의 컨텍스트를 참조한다는 점에서 유사하기도 하다. 1. this``this``는 다음과 같은 특징을 가진다.실행 컨텍스트 - ``this``는 함수가 호출될 때 그 함수의 실행 컨텍스트에 따라 값이 결정된다.이 실행 컨텍스트는 함수가 어떻게 호출되었느냐에 따라 달라진다.예를 들어, 객체의 메서드로 호출되면 그 객체가 ``this``가 되고,단순히 함수로 호출되면 전역 객체(``window`` 또는 ``global``)가 ``this``가 된다.동적 바인딩- ``this``는 런타임에 결정되는 동적 바인딩을 사용한다.``this``가 가리키는 대상은 함수가 호출될 때마다 달라질 ..
티스토리 인라인 코드 태그 래핑 스크립트
·
Study/Javascript
티스토리엔 다음과 같이 코드 블럭을 넣을 수 있습니다.#include #include using namespace std;int doubleDotProduct(const vector& a, const vector& b);int main() { vector vec1 = {1, 2, 3}; vector vec2 = {4, 5, 6}; int result = doubleDotProduct(vec1, vec2); cout 티스토리에서 자체 지원하는 기능이라 사용이 매우 간편합니다. 그런데 ``인라인 코드``를 넣으려면 어떻게 해야 할까요?마크다운 에디터를 쓰거나 html 에디터로 가서 ````와 ````를 필요한 곳에 일일이 지정해 주어야 했습니다.일반 에디터에서도 지원하는데 제가 ..
[TIL #4] API Fetch
·
Camp/T.I.L.
Fetch란 말 그대로 무언갈 가져오는 것.서울시 공개 API에서 값을 가져와서(Fetch) 페이지에 띄워보자.활용할 정보는 서울시 대기 정보. Fetch스크립트 태그 내에 아래의 코드를 입력한다.let url = "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99";fetch(url).then(res => res.json()).then(data => { console.log(data);}) 여기서 Fetch 구조를 보자.fetch()- url의 데이터를 가져온다.- 요청 완료 시 Promise 객체를 반환한다.- Promise가 성공하면 Response 객체를 반환한다.- 실패하면 오류를 ..
[TIL #2] 웹개발 2주차: JS와 jQuery
·
Camp/T.I.L.
JS의 기초 중의 기초와, 이를 웹페이지에 어떻게 적용하는지에 대한 내용이었다.저번 내용 정리 땐 불필요하게 대단히 길어졌다. JS에 대해 아예 모르는 것이 아니기 때문에 새로 안 내용만 정리해 볼까 한다.이번엔 짧게 가보자. jQueryjQuery는 웹페이지를 JS로 조작하는데 큰 도움을 주는 라이브러리이다.강력하고 정말 많이 쓰였지만 조금씩 다른 신기술에 자리를 내주고 있기도 하다.하지만 여전히 많은 곳에서 현재 사용되고 있기에 공부 해 두면 좋을 것이다. 1. 준비먼저 jQuery를 사용하기 위해선 아래의 스크립트를 추가해야 한다. 이를 추가해야 사용이 가능해 진다.  2. 활용 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기!..