Front-End

회사에서 맡고있는 프로젝트의 레거시 소스코드를 JQuery to 순수자바스크립트로 변환하는 작업을 하던 와중ES6의 템플릿 리터럴이 내 뜻대로 표현되지 않는 문제가 있었다.위 코드를 실행하면 계좌번호가 나와야하는데 계속 공백으로 처리되어 실행되고 있었던것...!원인은

위 코드에서 정규식 생성자를 생성하지않고 .match() 소괄호 안에직접 템플릿리터럴을 이용한 문자열을 넣으려 했는데 자꾸만 오류를 뱉어냈었다.삽질을 기록해보려한다.메소드 문서에서는 .match()의 매개변수로 정규식, 객체(암묵적으로 new RegExp(객체) 를 사

프로젝트 표준화 도중 모듈이 브라우저로 import 되기는 하지만 브라우저 개발자도구에서는 접근이 안되는 현상이 있었다.그 이유를 찾아보니 모듈자체의 범위를 가지고 있기 때문이였다.즉, 모듈내에 정의된 변수와 함수는 전역(window)에서 사용할 수 없다. 그래서 콘솔

앞으로에 진행될 프로젝트를 위해 선행되어야할 nextjs 에 대해 공부하려던 참게시판 한번 만들어 보려고 DB 붙이려는데... 처음부터 난관에 봉착...!기존 개인용으로 사용하던 오라클 클라우드 DB를 붙여보려했으나 필요한 클라이언트프로그램을 아직 m1은 지원하지 않고

undefined나 null 은 어느 자료형에 속하지않고 자기자신의 값만 포함하는 자신만의 자료형을 형성한다.JavaScript에는 '없음'를 나타내는 값이 두 개 있는데, 바로 null와 undefined입니다. 두 값의 의미는 비슷하지만, 각각이 사용되는 목적과 장

대전제 : Javascript의 조건문안에서 null, undefinde, '', 0 은 false로 변환된다.위 전제를 응용하면, 아래와 같다.배열의 길이는 특성상 양수값만 존재하게 된다.즉, 0일 때 / 0이 아닐 때 로 판별 가능하다.음수값은 조건문 안에서 tru

JavaScript에서 .substr() & .substring() & .slice() 는 모두 문자열을 잘라주는 역할을 합니다.비슷하지만 조금 다른 세 함수를 비교해 보려한다.String.substr(startIndex, length);매개변수로 받은 startInd

nexst.jstypescriptStarGrade.tsxStar 컴포넌트의 재사용성을 생각한 별점 컴포넌트를 작성해 보았습니다.만약, 재사용성을 배제하고 캡슐화를 원한다면 외부 Star 컴포넌트를 뺴고 반환하는 FaStar 컴포넌트를 안으로 집어 넣으면 될 것같습니다.

선언식은 Hoisting에 영향을 받지만, 표현식은 영향을 받지 않는다.함수 호출이 선언보다 앞에 있어도 호이스팅(함수가 파일의 맨 앞에 정의된 것처럼 처리) 되기 때문에 위 코드는 제대로 작동한다.TypeError: hey is not a function다른 함수의

부모컴포넌트의 상태에 의해 값이 제어되는 컴포넌트를 말한다.즉, props로 묶여있는 컴포넌트를 생각하면 될 것 같다.장점상위컴포넌트가 하위컴포넌트의 상태를 완전히 제어할 수 있음즉, 부모는 자식 구성 요소가 수락할 수 있는 데이터에 대해 특정 제약 조건 또는 유효성

부모컴포넌트의 handleButtonClick() 함수를 자식컴포넌트에 전달하고 있다.이외에 부모컴포넌트로 부터 흘러온 Data를 자식컴포넌트에 렌더링하는 경우도 위에서 아래로 상호작용하는 케이스 이다.하위컴포넌트인 InputField에 사용자가 값을 입력하면, 상위컴

알고리즘을 풀다가 비슷하지만 다른 Array()와 Array.from() 의 차이점에 대해 알아보려 한다.JS의 표준 내장 객체인 Array 의 생성자를 호출합니다.elementN숫자인 경우를 제외하고 지정된 요소로 초기화 됩니다.arrayLiegth정수인 경우 해당

두 함수 모두 배열에서 요소를 추출하거나 배열을 변경하는데 사용된다.두 함수의 목적이나 사용법에 대해 알아보자원본 배열을 수정하지 않는다. -> 얕은복사 수행새배열을 반환한다.배열에서 요소의 하위 집합을 추출하는데 사용새 배열을 반환할때 추가 메모리 사용원본배열을 직접

프론트엔드의 무중단 배포를 위해 pm2를 사용하고 있습니다.pm2 에 대해 정리하고 공유하고자 합니다.PM2는 애플리케이션을 관리하고 온라인 상태를 유지하는 데 도움이 되는 데몬 프로세스 관리자입니다.PM2를 시작하는 방법은 간단하며, 간단하고 직관적인 CLI로 제공되