본문 바로가기

분류 전체보기133

241120 TIL - Array.slice(), HTTP메서드 PUT & PATCH, 멱등성 Array.slice()arr.slice([begin[, end]])arr란 배열의 begin부터 end 전까지에 대한 얕은 복사본을 새로운 배열 객체로 반환.- 복사한 배열 내부의 기본형 데이터(문자형, 숫자형 등)을 변경해도 원본 배열에 영향을 미치지 않지만, 내부의 참조형 데이터(객체, 배열 등)을 수정한다면 원본 배열의 요소도 변경됨.- end 인덱스의 요소는 포함하지 않으며, 메서드 실행 시점에선 원본 배열에 영향을 미치지 않음.begin : 추출 시작점의 인덱스end : 추출 종료점의 인덱스. 하지만 end 인덱스 요소는 제외하고 추출begin이나 end가 음수 값인 경우, 입력된 인덱스를 역순 기준으로 추출함const animals = ['ant', 'bison', 'camel', 'duck.. 2024. 11. 20.
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.

티스토리툴바