분류 전체보기 검색 결과

224 개의 검색 결과가 있습니다.

Frontend/HTML & CSS

[CSS] CSS 전처리기 SCSS, SASS의 차이점

🤔 SCSS, SASS ?? "CSS의 복잡함과 불편한 재사용성을 높혀주고, 가독성과 유지보수의 편의성을 제공해주는 것" 📌 CSS의 단점과 SCSS(SASS)의 장점 CSS의 단점 선택자 생성 시 불필요한 부모요소 선택자를 적어야 한다. 변경사항이 있을 때 관련된 모든 것을 수정해야 한다. nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px; text-decoration: none; } SCSS(SASS)의 장점 선택자의 중첩(Nesting)을 통해 반복되는 선택자 사용을 줄일수 있다. 변수를 사용해서 CSS 속성값을 통일해서 ..

2022. 1. 26. 08:55

Frontend/JavaScript

[JS] 자바스크립트 함수 호이스팅

호이스팅이란 함수 안에 있는 선언을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말하며, 함수 또한 호이스팅을 할 수 있다. 1️⃣ 함수의 호이스팅 함수선언문에서의 호이스팅 함수선언문은 코드를 구현한 위치와 관계없이 자바스크립트의 특징인 호이스팅에 따라 브라우저가 자바스크립트를 해석할 때 맨 위로 끌어 올려진다. /* 정상 출력 */ function printName(firstname) { // 함수선언문 var result = inner(); // "선언 및 할당" console.log(typeof inner); // > "function" console.log("name is " + result); // > "name is inner value" function inner() { /..

2022. 1. 25. 09:02

Frontend/JavaScript

[JS] 자바스크립트 코딩 컨벤션

🔹 관련글: 자바스크립트 네이밍 컨벤션 0️⃣ 소스파일 소스파일의 이름은 알파벳 소문자, 하이픈( - ), 밑줄( _ ) 으로만 작성한다. 소스파일의 인코딩은 UTF-8 으로 작성한다. 1️⃣ 형식 중괄호 중괄호는 하나의 구문만을 포함하고 있더라도 모든 제어문(i.e. if, else, for, do, while..)에 사용되어야 한다. if문의 경우, 하나의 구문만 포함할 경우, 같은 라인에 작성하고 중괄호를 생략할 수 있다. // bad if (someVeryLongCondition()) doSomething(); // No for (let i = 0; i < foo.length; i++) bar(foo[i]); // Yes if (shortCondition()) foo(); 중괄호의 사용은 Kern..

2022. 1. 24. 08:06

Frontend/JavaScript

[JS] 자바스크립트 네이밍 컨벤션

🔹 관련글: 자바스크립트 코딩 컨벤션 0️⃣ 기본 네이밍 방법 단일 글자로 이름을 짓지 않고 이름을 통해 쓰임새를 알 수 있도록 한다. // bad function q() { // ... } // good function query() { // ... } 이름의 맨 앞이나 맨 뒤쪽에 밑줄( _ )을 사용하지 않는다. // bad this.__firstName__ = 'Panda'; this.firstName_ = 'Panda'; this._firstName = 'Panda'; // good this.firstName = 'Panda'; this를 변수의 값으로 사용하지 않는다. 필요하다면 화살표 함수(Arrow Function)이나 바인딩을 사용하라. // bad function foo() { const..

2022. 1. 21. 09:39

Backend/Node.js

[Error] npm install 실패 해결(npm ERR! code ERESOLVE)

📌 npm install 실패 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm install 명령어를 실행시킬 때 아래와 같은 에러가 날 때가 있다. 1️⃣ 원인 - sudo권한으로 명령어를 실행해야 하는 경우 - dependencies 버젼 문제 - node와 npm 버젼이 맞지 않는 경우 - npm install --verbose 명령어를 실행시켜 원인 확인 2️⃣ 해결 나의 경우 dependency 문제였고 이러한 경우에는 아래 명령어 중 하나를 실행시키면 해결된다. npm install --force npm install --save --legacy-peer-deps 🤔 --force와 --save --l..

2022. 1. 19. 08:35

Database/Oracle

[Oracle] 컬럼 데이터 타입(Byte, Char)

📌 오라클 컬럼 데이터 타입의 차이점 (Byte타입과 Char타입) Difference between BYTE and CHAR in column datatypes 🤔 VARCHAR2(n)와 VARCHAR2(n CHAR) ? 테이블 생성시 데이터 타입에 VARCHAR2(n)와 VARCHAR2(n CHAR)를 선언할 수 있다. 두 타입의 차이점은 다음과 같다. - VARCHAR2(n)는 nbyte를 의미한다. - VARCHAR2(n CHAR)는 n개의 글자를 의미한다. 예를들어 UTF-8으로 인코딩 되어 있을 때 일부 문자는 DB에 저장하는 데 1바이트 이상의 공간을 소모한다. VARCHAR2(n BYTE)는 저장을 위해 최대 n바이트를 사용할 수 있지만 일부 문자를 저장하는 데 1바이트 이상을 차지하기 때..

2022. 1. 18. 09:12