본문 바로가기

전체 글83

React - useEffect / useMemo / useCallback 차이 공통점:deps, 즉, 의존성 배열에 의해 함수가 실행된다. 차이점useEffect - React의 생명주기에 따라 특정 함수를 실행하고 싶을 때 사용한다. (mount, update, unmount)useMemo - 콜백 함수 반환 값이 존재, 해당 반환 값을 리턴한다. useCalback - 콜백 함수를 그대로 생성해서 반환한다. 즉, 반환 값이 함수이다. 2024. 8. 29.
[자바스크립트 프로젝트] 일정 관리 웹페이지 💁‍♀️프롤로그 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스자바스크립트의 개념만 공부하지 않고 실제 프로젝트를 만들어 보는 것이 실력을 향상시키는 데 더 좋다고 생각했습니다. 그래서 만든 일정 관리 웹페이지! 완성하기까지 우여곡절이 많았지만 결과론적으로 만족! 어떻게 만들었는지, 무슨 문법을 썼는지 최대한 자세히 기록해보겠습니다.  📋소개 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스기능을 구현하는 것도 좋지만 디자인적인 부분도 함께 보여줘야 사용자들이 만족할거라 생각했습니다. 그래서 프로젝트를 구현하면서 디자인도 기능 못지 않게 관심을 기울였는데요. 현재 유행에 맞는 디자인을 적용하고 싶어 곰곰히 생각하다 레트로라는 키워.. 2024. 8. 2.
[typescript] 타입스크립트 클래스(class) 📝클래스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스클래스란?클래스란 공통된 성질을 가진 객체를 정의한 것이다. 객체지향 프로그래밍에서 인스턴스를 생성하기 위한 변수와 메소드를 정의하는 일종의 틀을 말한다. 자바스크립트와 마찬가지로 타입스크립트에서도 클래스를 생성할 수 있다. 그렇다면 타입스크립트에선 어떻게 클래스를 만들까? 1) 자바스크립트자바스크립트는 2가지 방식으로 객체를 선언할 수 있다. 생성자 함수와 클래스를 이용한 것이다. 아래 코드를 보자.// 생성자 함수function Person(name, year) { this.name = name; this.yar = year;}// 클래스class Person { name; year; constructor.. 2024. 7. 15.
[typescript] 타입스크립트 이넘 📝이넘 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스이넘(enum)이란?이넘이란 특정 값의 집합을 의미하는 데이터 타입이다. 상수 집합이라고도 표현한다.여기서 상수란 변하지 않는 값, 자바스크립트에서의 const를 의미한다. 이넘은 여러 개의 상수를 하나의 단위를 묶은 것으로 비슷한 범주에 있는 상수를 묶어 더 큰 단위의 상수로 만드는 것을 의미한다.   이넘 선언이넘을 선언하는 방법은 인터페이스를 선언하는 것과 같다. enum이라는 키워드를 입력하고 중괄호{ } 안에 상수를 적으면 된다.enum 이름 { // 상수}// 예시enum Companies { Naver, Coupang, Line, Kakao,}  상수 불러오기이넘 안에 존재하는 값을 불러오는 방법은.. 2024. 7. 14.