본문 바로가기

분류 전체보기102

241119 TIL - JSON, MIME type JSON (JavaScript Object Notation)"구조화된 데이터를 자바스크립트 객체 문법으로 표현하기 위한 문자 기반의 표준 포맷"  - 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용 (서버에서 클라이언트로 데이터를 전송해 표현하려거나 반대의 경우에도)  - 개별 JSON 객체를 `.json` 확장자를 가진 단순 텍스트 파일에 저장할 수 있음  JSON은 문자열 형태로 존재  - 네트워크를 통해 전송할 때 유용함  - 데이터에 접근하기 위해선 네이티브 JSON 객체 형태로 변환해야함 MIME 타입은 application/json  JSON의 구조JSON은 자바스크립트 객체 리터럴 문법을 따르는 문자열이기 때문에 그 내부엔 자바스크립트의 기본 데이터 타입인 문자열, 숫자, 배열, 불리.. 2024. 11. 19.
241118 TIL - 정적/동적 웹페이지, ECMA, Node.js, 논블로킹I/O, 싱글스레드, 이벤트루프, IDE, REL 환경, 모듈과 패키지 정적 페이지 Static Web Page미리 작성돼 확정된 페이지로, 실시간 정보나 맥락을 반영 못 함 동적 페이지 Dynamic Web Page맥락이나 상황을 반영할 수 있는 페이지 ECMAScript자바스크립트 개발 방식 표준. 브라우저 마다 저 마다의 언어를 개발하며 발생한 불편을 막기 위해 ECMA International에서 제정하고, 꾸준히 변경하고 새 기능 추가된 버전 업데이트되고 있음 Node.jsNode.js란Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임 웹 프레임워크 기술자바스크립트를 브라우저없이 실행하게 도와주는 환경이벤트 기반이고, 논 블로킹 I/O 모델을 사용해 가볍고 효율적npm은 세계에서 가장 큰 오픈 소스 라이브러리 커뮤니티libuv : 비동.. 2024. 11. 18.
241117 TIL - 개인과제05 기절하는 바람에 하루가 지나서 쓰는 TIL... 개인 과제를 드디어 마쳤다! [ 오늘 한 작업 ][bugfix] 1. 교실 씬 클리어 시 7교시로 표시되는 현상 수정 - displaySchool 함수에서 교시 받는 변수 최대치를 6으로 설정 [refactor] 1. gameStart 함수 개편 - 게임광 엔딩처럼 인기쟁이 엔딩도 함수화 후 분리  [bugfix] 1. isFailConfess 전역 변수화 - 기존에 Classmate 클래스의 프로퍼티로 참조하던 것을 엔딩 처리 위해 game.js 파일의 전역변수로 바꿈 - 조작은 confess 메서드에서 돼야하니 참조형데이터 꼴로 export 2. 엔딩 분기 전부 gameStart 함수 내부로 이동 - 5가지 엔딩 조건을 모두 스테이지 반복문 다음에 배치.. 2024. 11. 18.
241116 TIL - 개인과제04 작업 마무리를 하고 나니 자정이 지나버렸다... 억울하다... 하지만 어쩔 수 없지... 오늘 꽤 험난한 날이었기 때문에 눈이 막 감기지만 기록해두고 자는 게 좋겠다... 오늘은 예정대로 리팩토링을 목표로 작업했고, 아직 한 발 남긴 했지만 그래도 일단 단 오키... 할 정도로 정리는 된 거 같다. 다만 그 정리를 하는 과정에서 끊임없이 터져 나오는 버그들에 정신을 잃긴 했지만 그래도 포기 않고 해내서.... 잘했다 그려... [ 오늘 한 작업 ][fix]1. 게임광 엔딩 조건 조절- 120 -> 100으로 난이도 하향[refactor] 1. 기능이 거의 같은데 분리돼있던 함수들 병합 및 수정 - 입력 대기 함수 : 기존에 nextAndEnd와 repeatOrQuit로 나뉘어져 있던 녀석들을 우선 전역공.. 2024. 11. 16.
241114 TIL - for...of, 기본값매개변수, 배열에서 특정값 찾기, 개인과제03 for...of반복가능한 객체의 각 속성값에 접근하는 반복문. Array, String, Map, Set 등등이 iterable한 객체들/* 기본 구조 */for (variable of iterable) { statement;}variable : 객체의 속성값들iterable : 반복가능한 객체/* 예시 */let arr = [10, 20, 30];for (let value of arr) { console.log(value);} // value가 선언된 적 없는 변수인 경우 선언해줘야함. const도 가능복습한 이유는 소괄호 안에서 variable위치의 매개변수에 선언이 필요하다는 사실을 체험했기 때문이다! 어떻게 알게 됐는지는 묻지 마십시오! 참 힘들었어!  기본값 매개변수 default param.. 2024. 11. 14.
241113 TIL - 재귀, Promise, 개인과제02 재귀 recursion재귀 함수는 어떠한 함수가 특정 조건에 도달할 때까지 자기 자신을 계속 호출함이때 특정 조건을 종료 조건(Base Case)라 하고, 자신을 계속 호출하는 과정을 재귀 단계(Recursive Step)이라 함재귀 함수가 적절한 종료 조건 없이 재귀 단계를 지속할 시, 스택 오버플로우 문제를 야기함. while문 등을 활용해 대체하는 편이 좋음!스택 오버플로우 : 콜스택에 쌓인 스택들이 가용 메모리를 넘어 힙 영역까지 침범한 경우참고링크 : https://andy-archive.tistory.com/10  Promise 이해해보자[프로미스의 상태] new Promise()로 프로미스를 생성하고 이후 종료될 때까지 프로미스는 세 가지 처리 과정을 거침.Pending (대기) : 비동기 .. 2024. 11. 13.

티스토리툴바