Recharts는 데이터를 차트로 시각화 할 수 있는 라이브러리다X축의 값datakey : 특정 data의 값으로 X축 보여줄 때 사용interval : tick의 값을 얼마정도로 지정할 것인지, 0으로 지정하면 모든 tick들을 보여준다이외에 tickSize, sty

Next.js 13에 대해서 공부하다가 발견한 Streaming. Streaming에 대한 부분이 변화했다고 하는데 그게 loading.js 파일과 어떤 연관이 있는지 궁금해서 Streaming이 무엇인지 찾아보고자 했다 Streaming이란? 우선 Streaming

자바스크립트는 싱글 스레드 기반의 언어인데, 즉 하나의 호출 스택만을 사용한다. 하지만 비동기적으로 일을 처리할 수 있다!자바스크립트 엔진 구성Heap : 객체들은 힙 메모리에 할당된다. 크기가 동적으로 변하는 값들의 참조 값을 갖고있다Call Stack : 함수 호출

TODO 추가 EnterEvent 예전에는 keyPressEnter가 있었는데 deprecated됐다고 한다..그래서 keydown 이벤트를 추가하는 방법을 사용하면 된다고 한다. 그리고 keyCode도 지금은 안된다! TODO 삭제하는 Event구현 갑자기 tool

면접을 보면서 내가 몰랐던 지식이 너무 많아 더 배워야겠구나 느꼈고,질문받은 내용들은 프론트엔드 개발자로서 알아야하는 지식들이라 생각하며 내용들을 정리해보려고한다. 먼저 디자인패턴!그동안은 개발공부를 할 때 디자인패턴? 그게뭐야..작동이 되면 그만이지..이런 생각으로

타입스크립트로 제로웨이브를 다시 만들어야하는데 막상 만들려고하니까 조금 혼란스럽기도해서 미니 실습은 하나라도 혼자 해보고 진행하기로 했다..!! 투두리스트는 그동안 자바스크립트로도 해보고 리액트로도 발전시켜봤는데 또 하는게 맞나..싶었지만 이만큼 금방 만들고 쉽

어떠한 작업이 순차적으로 실행되는 개념요청을 하면 결과가 반환되는 것을 기다린다매우 직관적인 설계방식결과 반환까지 기다려야하는 단점이 존재어떠한 작업들이 동시에 일어날 수 있는 개념요청을 하면 결과 반환을 기다리지 않고 다음 작업이 바로 수행병렬적으로 수행해 효율적이다

자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념코드들이 실행되기 위한 환경이면서, 박스이자 컨테이너예를 들면, 함수 실행시 함수 실행에 해당하는 실행 컨텍스트(환경)가 생성되고, 자바스크립트 엔진에 있는 콜 스택에 쌓여 가장 위에 있는 컨텍스트와 관

프로토콜 : http와 https는 프로토콜이 다르다도메인 : domain.com과 other-domain.com은 다르다포트번호 : 8080포트와 3000번 포트는 다르다이런 cross-origin 요청을 하려면 서버의 동의가 필요하다서버가 동의한다면 브라우저에서는

서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜(약속이라 생각하면됨)Http 서버가 80번 포트에서 요청을 기다리고, 클라이언트는 80번 포트로 요청을 보낸다암호화되지 않은 평문 데이터를 전송 ⇒ Https 등장 이유속도가 Https 보다 빠름Http에

고급타입 1. 인터섹션타입 > 기존 타입을 대체하지 않으면서 기존 타입에 새로운 필드를 추가 & 사용 Type A, Type B 를 인터섹션하면 A이면서 B라는 의미 > 유니온타입을 인터섹션하면? Universal은 number타입이다 => 공통 부분만 해당됨

Class 객체의 형태, 포함해야할 속성과 메소드를 정의 클래스의 객체가 인스턴스 private, public, readonly 타입스크립트의 클래스도 접근제한자를 지원한다 public : 클래스 내부 o , 자식 클래스 내부 o , 클래스 인스턴스 o protect

const : 상수를 정의하며, 즉 변경할 수 없다let : var처럼 변수를 정의한다.=> var은 더이상 사용하는게 좋지 않다let과 var은 유효 범위가 다르다var : 전역 유효 범위와 함수 유효 범위만 지닌다. if문 등 함수가 아닌 다른 블록에서 선언하면 전

watchmode tsconfig.json > "outDir": "./dist" ./dist 하위에 js파일 컴파일됨 > "rootDir": "./src" > // "removeComments": true,

Typescript 란? 자바스크립트 슈퍼셋 => 결국 자바스크립트 기반! Core Types number(정수형과 실수형 등 구분은 X) String 작은따옴표, 큰 따옴표, 벡틱 Boolean true or false Object Array Tuple : 길이

추상 클래스 추상 메소드를 갖는 클래스는 추상 클래스가 된다 추상 메소드 없이도 추상 클래스를 만들 수 있다 추상 클래스를 상속받는 서브 클래스에서 추상 메소드를 오버라이딩 해줘야한다. 보통 리턴타입 전에 abstract를 붙인다(클래스와 메소드에 모두) 추상 클래스

자바코드 실행과정 자바소스코드(.java) => 컴파일러 => 자바 바이트 코드(.class) => 자바가상머신(JVM)에서 실행 자바는 운영체제 독립적이라 JVM만 있으면 어느 운영체제든 실행가능 식별자 @, #, !와 같은 특수문자 사용 불가(_랑 $는 사용가능)

프로세스가 네트워크로 데이터를 내보내거나 데이터를 받기위한 실제적인 창구 역할서버와 클라이언트를 연결하는 도구로써 인터페이스 역할을 함서버 : 클라이언트 소켓의 연결 요청을 대기하고 연결요청이 오면 클라이언트 소켓을 생성해 통신을 가능하게함클라이언트 : 실제로 데이터

프로젝트 이름 : Badari(반다리) 동기 위치기반 API는 평소에 사용해보고싶었기 때문에 어떤 서비스를 구현하면 좋을까 생각하다가 내가 갖고있는 어려움을 해결할 수 있는 웹을 만들어보자 고민했다. 현재 반려동물을 키우고 있는데 강아지는 알러지가 있

프로젝트 이름 : Bunny Letter 동기 카카오톡 공유하기 API가 사용해보고 싶었는데 프로젝트 주제를 고민하다가 새해 기념으로 편지를 써서 공유하는 사이트를 만들면 카카오톡 공유하기 API의 사용 목적에도 적합할 것이라 생각해서 제작했다. 맡은 역할