수업 중 기억하고 싶은 내용1. Typescript Utility Type유틸리티 타입은 미리 정의된 타입 도구로, 기존 타입의 속성이나 구조를 조작하여 원하는 형태의 타입을 쉽게 생성할 수 있도록 하는 타입이다.즉, 기존 타입을 편리하게 변형하고 재사용하기 위한 타입 도구이다. 유틸리티 타입의 주요 목적으로는 타입의 변형 및 조정으로 반복적인 타입 정의를 줄이고, 타입의 안정성과 유지보수성을 향상하는 데 있다. 아래 유틸리티 타입을 설명하기 전에 우선 타입 하나를 선언하고 시작해보자.interface IProfile { name: string; age: number; school: string; hobby?: string;} 2. Partial Typetype aaa = Partial;Part..
💪 Study/💻 Codecamp 13기
수업 중 기억하고 싶은 내용1. 정적라우팅NextJS에서 기본적으로 라우팅을 지원한다.useRouter() 훅을 사용하면 push() 메서드를 통해 경로를 이동할 수 있다. 이전에 쓰던 와 차이?Link태그는 단순히 페이지 간 이동에 더 중점적이고, useRouter()를 사용하면 특정 기능 실행 후 이동한다. (기능이나 비동기 처리 등을 완료하고 이동하는 조건부 제어) 그럼 useRouter() 어떻게 사용하는데?1. 일단 import 해줘야겠지?// 리액트 17 이하import { useRouter } from "next/router";// 현재import { useRouter } from "next/navigation";현재 사용하는 방식처럼 next의 navigation에서 useRouter를 가..
수업 중 기억하고 싶은 내용CSS 1. 상대위치 & 절대위치절대위치: 좌상단, (0, 0)을 기준으로 하는 위치 (0, 0)애서 고정되어 있기 때문에 전체에서 고정된다. 스크롤의 이동에 영향을 받지 않고 위치를 유지한다.position: absolute -> 부모 요소 중, position의 속성이 [relative, absolute, fixed, sticky]인 요소를 찾아 절대좌표의 기준으로 잡음. 부유 객체(다른 요소와 겹치지 않음)상대위치: 현재 좌표를 기준으로 하는 위치position: relative -> 원래 있던 자리 기준으로 위치 조정position: fixed -> viewport 기준으로 위치 조정 (브라우저 창 기준 -> 위치가 변하지 않음)position: sticky -> 부모 ..
늦게라도 올려보는 1일 차 TIL Expo?OT 도중 Expo는 처음 들어봐서 찾아봤다.Expo는 하이브리드 앱 개발을 쉽게 할 수 있도록 하는 프레임워크이다.CLI와 비교한 글들이 많이 보였는데, 둘 다 아직은 잘 모르지만 간단하게 정리하면,Expo는 하이브리드 앱 개발에 처음 입문할 때 추천한다.React Vite 처럼 앱 개발 시 필요한 세부 설정들을 간단하게 할 수 있다.CLI는 각 운영체제 별로 설정해줘야 하는 부분이 많아 처음 배울 때 추천하지는 않는다.개인이 설정하는 부분이 많은 만큼 더 많은 기능을 상세하게 구현할 수 있다. 수업 중 기억하고 싶은 내용select-option의 속성의 name 속성으로, 같은 name을 가진 radio input이 하나의 그룹이 된다.radio에서 labe..
