SOPT (3) 썸네일형 리스트형 타입스크립트 - interface 안녕하세요, 역시나 못 썼던 4주차 아티클로 찾아온 웹 YB 김태욱입니다 이번 합동 세미나에서 처음으로 타입스크립트로 프로젝트를 진행했는데 가장 많이 마주했던 오류는 any타입 오류였습니다. 그만큼 타입스크립트에서 가장 기초가 되는 부분이 바로 타입 지정인데요, 이번 주차에서는 타입스크립트 interface에 대해서 작성해보도록 하겠습니다. - interface란?인터페이스 (Interface)는 타입 체크를 위해 사용된다. 인터페이스는 변수, 함수, 클래스에 사용할 수 있으며, 인터페이스에 선언된 프로퍼티 또는 메서드의 구현을 강제해 일관성을 유지하도록 한다. - interface 선언interface User { age: number; name: string;}//변수에 활용한 인터페이스const.. 자바스크립트 - 배열 고차 함수 안녕하세요, 35기 웹파트 YB 김태욱입니다. 2주차 과제가 끝난지 거의 한 달이 넘은 것 같은데... 이제서야 2주차 공유과제를 올리게 되었습니다. 😂 제가 작성할 주제는 이번 합동세미나에서도 정말 많이 사용했고, jsx와 tsx 사용시에 정말 많이 사용하게 되는 자바스크립트의 배열 고차 함수입니다. 고차 함수란, 함수를 파라미터로 전달받거나 연산의 결과로 반환해주는 메서드를 일컫고 함수형 프로그램 (JS, 파이썬)의 핵심이기도 합니다. - 함수형 프로그래밍이란?함수형 프로그래밍은 함수를 다른 함수의 매개변수로 넘길 수도 있고 return 값으로 함수를 받을 수도 있는 프로그래밍 형태를 말한다. - 배열 고차 함수1. forEach()- for문을 대체하는 고차함수- 반복문을 추상화하여 구현되었고, .. [React] useEffect 훅과 의존성 배열 안녕하세요! 웹 파트 YB 김태욱입니다. 이번 3주차 세미나를 통해 배운 useEffect훅에 대해 더 공부해보고 아티클을 작성하게 되었습니다. 1.useEffect란?useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다. 1-1. 언제, 어떻게 사용할까?when- 어떤 컴포넌트가 화면에 보여졌을 때 무언가를 실행하고 싶을 때- 어떤 컴포넌트가 화면에서 사라졌을 때 무언가를 실행하고 싶을 때 How- useState와 마찬가지로 React에서 제공하는 훅이므로, import React,{useEffect} from "react";로 import 해서 사용한다. 1-2. useEffect 사용 예시//App.jsimport React, { useEffe.. 이전 1 다음