[Next.js] SSR과 CSR

Next.js을 본격적으로 정리하기 전에, SSR과 CSR에 대해 알아보려고 한다. 1. SSR (Server Side Rendering) 1) SSR 과정 ① 서버는 render될 준비가 된 HTML을 보내준다. 이때, 서버가 보내주는 HTML에는 태그의 내용이 모

2022년 5월 5일
·
0개의 댓글

[JS-Basic] 배열(1)

배열에서 자주 사용하는 메소드를 정리해보려고 한다.배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환한다. 존재하지 않으면, -1이 반환된다. splice 메소드의 첫 번째 인자는 배열의 변경을 시작할 index, 두 번째 인자는 배열에서 제거할 요소의 수,

2022년 5월 5일
·
0개의 댓글

[JS-Basic] Math 메소드

오늘은 자주 쓰이는 Math 메소드들을 정리해보려고 한다!수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체이다. 생성자(constructor)가 존재하지 않는다. 인수의 절댓값을 반환한다.인수의 소수점 이하를 올림하여 반환한다.인수의 소수점 이하를 내림하여

2022년 5월 5일
·
0개의 댓글
post-thumbnail

[JS-Basic] 정규식

문자셋은 안의 어떤 문자든 포함하는 문자열을 말한다.example을 쓰기가 애매해서 사진으로 대신한다.\\ 뒤에는 ?, ., ,와 같은 특수 문자를 쓴다!

2022년 5월 4일
·
0개의 댓글

[RN] svg 파일 불러오기

문제 상황 react-native 에서 svg 파일을 불러왔다. 위 코드처럼 하면 당연히 이미지를 잘 불러올 줄 알았는데, 화면에 아무것도 뜨지 않았다. svg 파일을 png 파일로 바꾸어 넣어보았더니, 화면에 잘 출력이 되었다. svg 파일 자체에 문제가 있나 싶어

2022년 2월 4일
·
0개의 댓글

[23장] 실행 컨텍스트

23.1 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분한다. 4가지 타입의 소스코드는 실행 컨텍스트를 생성한다. 1) 전역 코드 전역 코드는 전역 스코프를 생성해야 한다. var 키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역 함

2022년 1월 26일
·
0개의 댓글

[22장] this

22.1 this 키워드 1) this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. 2) this는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조할 수 있다. 함수를 호출하면 arguments 객체와 this가

2022년 1월 24일
·
0개의 댓글

[20장] strict mode

20.1 strict mode란? 1) strict mode는 JavaScript 언어의 문법을 엄격히 적용해 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다. 2) ES6에서 도입된 클

2022년 1월 23일
·
0개의 댓글

Execution failed for task ':app:installDebug'. > ... Unknown failure: cmd: Can't find service: package

에러 내용Execution failed for task ':app:installDebug'. > java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.an

2022년 1월 19일
·
0개의 댓글

[18장] 함수와 일급 객체

18.1 일급 객체 일급 객체는 다음의 조건을 만족하는 객체이다. > 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 즉

2022년 1월 10일
·
0개의 댓글

[17장] 생성자 함수에 의한 객체 생성

17.1 Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가해 객체를 완성할 수 있다. 생성자 함수란 new 연산자와 함께 호출하여 객체(instance)

2022년 1월 9일
·
0개의 댓글

[16장] 프로퍼티 어트리뷰트

16.1 내부 슬롯과 내부 메서드 internal slot과 internal method는 JavaScript 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 pseudo property와 pseudo method이다. 음....이 문장만

2022년 1월 9일
·
0개의 댓글

[15장] let, const 키워드와 블록 레벨 스코프

15.1 var 키워드로 선언한 변수의 문제점 1) 변수 중복 선언을 허용하며, 이 경우 에러는 발생하지 않기 때문에, 의도치 않게 변수 값을 변경시킬 수 있다. 2) var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 따라서 함수 외

2022년 1월 9일
·
0개의 댓글

[14장] 전역 변수의 문제점

14.1 변수의 생명 주기 1) 지역 변수의 생명 주기 지역 변수의 생명 주기는 함수의 생명 주기와 일치한다. 변수 선언은 선언문이 어디에 있든 상관 없이 가장 먼저 실행된다. 하지만 이는 전역 변수에 한정된 것이다. 함수 내부에서 선언한 변수는 함수가 호출된 직후에

2022년 1월 9일
·
0개의 댓글

[13장] 스코프

13.1 스코프란? 스코프 = scope = 유효범위 위 코드에서, 매개변수 x,y 는 함수 몸체 내부에서만 참조할 수 있다. 즉, 매개변수의 scope는 함수 몸체 내부이다. > 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는

2022년 1월 8일
·
0개의 댓글

[12장] 함수(2)

매개변수 primitive의 경우, 원시값이므로 변경이 불가능하다. 재할당을 통해 원시값을 교체해야 하므로, changeVal 함수를 호출한 후에도 num 값이 100이다.매개변수 obj의 경우, 객체이므로 변경 가능하다. 재할당 없이 직접 할당된 객체를 변경해야 하므

2022년 1월 8일
·
0개의 댓글

[12장] 함수(1)

12.1 함수란? 함수는 일련의 과정을 statement로 구현하고, 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 12.2 함수를 사용하는 이유 함수는 코드의 재사용성 측면에서 매우 유용하다. 유지보수의 편의성을 높이고, 코드의 신뢰성과 가독성을 높일 수

2022년 1월 8일
·
0개의 댓글
post-thumbnail

[11장] 원시 값과 객체의 비교

11.1 원시값 1) 변경 불가능하다. 한번 생성된 원시 값은 read only 값으로서, 변경할 수 없다. 2)

2022년 1월 8일
·
0개의 댓글

[10장] 객체 리터럴

10.1 객체란? 1) 원시 값을 제외한 나머지 값은 모두 객체이다. 2) 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조 3) 원시 타입의 값은 변경 불가능하지만, 객체는 변경 가능하다. 4) 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key와 v

2022년 1월 7일
·
0개의 댓글

[9장] 타입 변환과 단축 평가

9.1 타입 변환이란? 1) JavaScript의 모든 값은 타입이 있다. 2) 명시적 타입 변환 == 타입 캐스팅 = 개발자가 의도적으로 값의 타입을 변환하는 것 3) 암묵적 타입 변환 == 타입 강제 변환 = 개발자의 의도와는 상관없이 JavaScript 엔진에

2022년 1월 7일
·
0개의 댓글