프론트엔드

🤔에디터에서 스타일을 적용했지만 적용되지 않는다?에디터에서는 리스트, blockquotes, 이미지 정렬 등의 작업을 진행하고 저장을 했지만. 해당 html 코드를 보여줄때 저장한 버전과 다르게 나오는 문제가 있었다. 또한 작업할 디자인과 기본 스타일이 달라 기존 스타일 자체를 변경해줘야 하는 문제가 있었다. CKEditor 5를 통해 저장된 html 데이터에는 아래와 같이 blockquote태그로 잘 감싸져 있다. 데이터의 문제는 아니다. 따라서 문제 해결 방법으로, 기존 CKEditor 5 css 를 직접 수정하여 프로젝트에 적용하는 방법이 좋을 것 같아 해당 방법을 찾아봤다.💡content-style CSS 파일을 이용한 커스텀 CSS 적용법https://ckeditor.com/docs/cked..

18-1 일급 객체자바스크립트에서 아래와 같은 조건을 만족하는 객체를 일급 객체 라고한다.무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다.변수나 자료구조에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.자바스크립트의 함수는 위 조건을 전부 만족하므로 일급 객체이다.// 1. 무명의 리터럴로 생성할 수 있다.// 2. 변수에 저장할 수 있다.// 런타임에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다.const increase = function (num) { return ++num;};const decrease = function (num) { return --num;};// 2. 함수는 객체에 저장할 수 있다.const auxs = ..

15-1 var 키워드로 선언한 변수의 문제점변수 중복 선언 허용var 키워드로 선언한 변수는 중복 선언이 가능하다.중복 선언시 에러도 발생하지 않아서 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다.함수 레벨 스코프함수의 코드 블록만을 지역 스코프로 인정하기 때문에, 따라서 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역변수가 된다.함수 레벨 스코프는 전역 변수를 남발한 가능성을 높인다.변수 호이스팅변수 선언문 이전에 변수를 참조할 시 호이스팅이 되어 있기 때문에 참조가 가능하다. 이는 가독성을 떨어트리고 오류를 발생시킬 여지를 높인다.15-2 let 키워드변수 중복 선언 금지let 키워드로 이름이 같은 변수를 중복 선언하면 문법 에러가 발생한다.블록 레..

14.1 변수의 생명 주기지역 변수의 생명 주기변수는 생명 주기가 있다. 변수선언은 런타임 이전 단계에서 자바스크립트에서 실행되지만, 엄밀히 말하면 이건 전역변수에 한정되어 맞다.함수 내 변수들은 함수가 호출된 직후에 함수 몸체의 코드가 실행되기 이전에 자바스크립트 엔진에 의해 먼저 실행된다.함수 내부에서 선언된 지역 변수는 함수가 호출되면 생성되고 함수가 종료되면 소멸한다.즉, 지역 변수의 생명 주기는 함수의 생명 주기와 대부분 일치한다.하지만 예외의 경우가 있는데, 클로저의 경우이다.자바스크립트 가비지 콜렉터는 그 누구도 참조하지 않을 때 메모리공간을 해제하는데. 아래와 같이 스코프를 계속 참조하고 있다면 해제하지 않는다(클로저).function foo(){ var x = 10; funct..

13-1 스코프란?모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조 할 수 있는 유효 범위가 결정된다.즉, 스코프는 식별자가 유효한 범위를 말한다.var x = 'global';function foo() { var x = 'local'; console.log(x); // local}foo();console.log(x); // global위 코드 실행시 자바스크립트 엔진은 이름이 같은 두 개의 변수 중 어떤 것을 참조할 지 결정해야 하는데 이를 식별자 결정이라 하며, 이 때 스코프는 자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙이다.코드의 문맥과 환경렉시컬 환경: '코드가 어디서 실행되며 어떤 코드가 있는지' 를 렉시컬 환경이라고 부름. 즉 코드의 문맥은 렉시컬 환경으로 ..

12-1 함수란?함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다.수학의 함수처럼 프로그래밍 언어의 함수도 입력을 받아서 출력을 내보낸다. 이때 입력을 전달받는 변수를 매개변수, 입력을 인수, 출력을 반환값 이라고 한다.함수는 함수 정의를 통해 생성한다. 또한 함수의 실행을 명시적으로 지시하는 것을 함수 호출 이라고 한다.12-2 함수를 사용하는 이유함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 유리하다. 이는 유지보수의 편의성, 코드의 신뢰성을 높이는 효과를 준다.또한 적절한 함수 이름은 코드의 가독성을 향상시킨다.12-3 함수 리터럴자바스크립트의 함수는 객체 타입의 값이다.함수 리터럴은 아래의 요소로 구성된다.function 키워드함수 이..