joo1e 님의 블로그

use strict 란?지시자 "use strict", 혹은 'use strict'는 단순한 문자열. 하지만 이 지시자가 스크립트 최상단에 오면 스크립트 전체가 “모던한” 방식으로 동작합니다.  '모던'은 현재의 개발 표준과 관행을 따르며, 최신 브라우저와 웹 개발 도구에서 지원되는 자바스크립트 버전 및 기술(ES6) 예시:"use strict";// 이 코드는 모던한 방식으로 실행됩니다.... 💡 Strict mode (엄격 모드) ←→ default Sloppy mode (느슨한 모드)기존에는 조용히 무시되던 에러들을 throwingJavaScript 엔진의 최적화 작업을 어렵게 만드는 실수를 바로잡음느슨한 모드의 동일한 코드보다 더 빨리 작용되기도 함 "use strict"는 반드시 최상단에 위치..

요약- 얕은 복사는 참조형 타입의 값(주소)이 바로 아래 단계의 값만 복사- 깊은 복사는 원본 객체와 같은 참조(메모리 내의 같은 값을 가리킴)를 공유하지 않는 복사 데이터 타입JavaScript의 얕은 복사와 깊은 복사를 알아보기전에 데이터 타입에 대해서 알아보자. 크게 2종류로 분류할 수 있다.- 기본형(Primitive)Number, String, Boolean, undefined, null, 그리고 ES6에서 추가된 Symbol이 있다.- 타입참조형(Reference)Object, Array, Function, Date, RegExp, 그리고 ES6에서 추가된 Map, WeakMap, Set, WeakSet이 있다.기본형과 참조형을 구분할 수 있는 방법은, 할당이나 연산 시 값을 복사하면 기본형이..

오류사항 1. 카메라와 마이크를 켰는데 켜달라고 뜸2. 카메라와 마이크 설정을 하는 페이지는 됐는데 입장 누르면 안 됨 -> 카메라 종류(기본카메라로 설정해야 함) 3. 방 없을 때 빠른 입장 누르면 경고창 뜸4. 방 입장 후 카메라나 마이크 오프하면 다시 온으로 안 됨 건의사항 1. 방 없을 때 검색하면 방이 없습니다. 토스트나 얼럿창 2. 투표하면 바로 모달이 바로 없어질 수 있게 3. 캠이나 마이크를 게임 전이나 후에 설정할 수 있게 4. 채팅 5. 효과음(마피아 죽었을 때, 기타 등등) 6. 방장의 권한 강화(강퇴, 다른 사람 카메라 마이크 온오프) -> 사생활 침해 7. 투표가 끝나면 기다리는 시간을 없애는데 투표가 보이게 8. 최후의 변론 시간을 늘릴 수 있게 생각보다 사람들이 재미있게 게임을..

개발자도구에서 0.1 + 0.2를 하면 0.3으로 딱 나오지 않고 0.30000000000000004이 나오는 이유->개발자 도구에서 0.1 + 0.2를 계산할 때 0.3이 정확히 나오지 않고 0.30000000000000004와 같은 값이 나오는 이유는 컴퓨터가 실수를 2진 부동소수점 방식으로 표현하기 때문이다.컴퓨터는 숫자를 2진수로 처리합니다. 10진수에서 0.1과 0.2는 무한 소수로 변환될 때, 2진수로 정확히 표현되지 않습니다. 따라서, 0.1과 0.2를 더할 때 약간의 오차가 발생한다.이런 현상은 대부분의 프로그래밍 언어와 계산기에서 공통적으로 발생하며, IEEE 754라는 표준 부동소수점 연산 방식을 따르는 컴퓨터의 특성 때문에 발생한다. 따라서, 개발자 도구나 코드에서 이러한 미세한 오차..

서버노드 제이에스클라이언트브라우저 (브라우저랑 웹 페이지는 다른 개념. 웹페이지는 브라우저에서 만든 거)

4. 모달창 이벤트 버블링(메인) 메인폴더 메인크리에이트룸파일

랭킹 페이지네이션

SEO(렌더링)Search Engine Optimization. 즉, 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정.왜 SEO 전략을 해야하는가(필요성)1. 질적 – 방문자가 고객으로 전환될 가능성이 높아집니다.2. 신뢰 – 브랜드나 사명에 대한 신뢰도가 높아집니다.3. 저비용 – 소요되는 시간과 노력 외에도 검색 엔진 순위를 높이는 좋은 SEO 관행을 갖는 것은 무료입니다. 최고의 자연 검색 결과 위치에 표시되는 데 직접적인 비용은 없습니다.SEO 주요 구성요소1. 기술 – 크롤링 및 웹 성능을 위해 웹사이트를 최적화2. 생성 – 특정 키워드를 타겟팅하는 콘텐츠 전략 구축3. 인기 – 검색 엔진에서 신뢰할 수 있는 소스임을 알 수 있도록 귀하의 사이트가 온라인..

우리는 메타데이터를 이해하기 전 SEO 전략에 대해 알아 둘 필요가 있다.SEO(렌더링)Search Engine Optimization. 즉, 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정.왜 SEO 전략을 해야하는가(필요성)1. 질적 – 방문자가 고객으로 전환될 가능성이 높아집니다.2. 신뢰 – 브랜드나 사명에 대한 신뢰도가 높아집니다.3. 저비용 – 소요되는 시간과 노력 외에도 검색 엔진 순위를 높이는 좋은 SEO 관행을 갖는 것은 무료입니다. 최고의 자연 검색 결과 위치에 표시되는 데 직접적인 비용은 없습니다.SEO 주요 구성요소1. 기술 – 크롤링 및 웹 성능을 위해 웹사이트를 최적화2. 생성 – 특정 키워드를 타겟팅하는 콘텐츠 전략 구축3. 인기 – 검..

프로젝트 iceCraft의 첫 인상이 되는 intro 페이지를 맡게 되었다.  [Feat] intropage layout 생성, 비디오 추가 by joo1e · Pull Request #28 · ice-craft/ice-craft-FE📌 관련 이슈 closed #18 Task TODOLIST 비디오 레이아웃 생성 비디오 CSS 추가 ✨ 개발 내용 TroubleShotting 선생님의 시선이 무서웠어요 📚 레퍼런스 (또는 새로 알게 된 내용) 혹은 궁금한 사항들 모든게github.com 오랜 고민 끝에 우리팀은 마피아를 화상채팅기반으로 할 수 있는 게임 프로젝트를 기획하게 되었다. 우선 우리의 아이덴티티를 나타낼 수 있는 메인카피로 INTO STUNNING SPACE가 나왔고 이에 걸맞는 배경이미지를 ..