10주 과정 중 1주차가 끝이 났다.TIL을 작성하기에 양이 많지 않아 주간으로 회고를 작성해보려고 한다. 회고 방식은 자주 사용했고, 가장 작성하는데 부담이 적었던 KPT 방식을 사용해보려고 한다. Keep- 강의실에 여유롭게 도착하기강의실에 일찍 도착해 짐을 두고 커피 및 잠깐의 산책을 하다가 수업에 들어가는 것이 좋다고 느껴졌다.여유롭게 준비해도 수업 시간 전이라 마음의 여유도 함께 생긴다.- 과제 미리미리 작업하기과제 미리 작업하고 계속 수정하는 과정에서 실력이 늘거라 생각한다.강사님께서 코드리뷰도 해주시니 많이 수정할 수록 더 양질의 코드를 작성할 수 있을거 같다. Problem수업 회고 말고도 1주차를 보내면서 내 생활 태도에 대해서도 회고할 부분이 있어 함께 적어보았다.- 쉬는 시간 및 중간..
💪 참여 스터디
청년사관학교를 수료하고 이후 매칭데이를 참여했다.서류합격은 많이 됐지만 첫 면접이라 그런지 결과는 불합. 어떤 걸 준비해야 할까 고민하고 있었는데 서울시 매력 일자리 사업이 눈에 띄었다.49일 가량의 수업을 수강하고 이후 3개월 간 인턴을 진행하는 과정이었다.인턴 후 정규직 전환도 도와준다고 하셔서 고민하다가 신청했다. 왜 고민이었냐면 우선 나는 전공에 교육도 이미 2회 수강했었다.최소 1년은 개발 공부를 한 것이다.그럼에도 2개월 가량을 더 수업을 듣고 취업준비를 하게 된다면 계획보다 늦어질 수 있다고 생각했다.수업을 수강하는 과정 중 계속적으로 이력서와 포트폴리오를 업데이트하고 취업 지원을 이어가보는 방식으로 스스로와 타협했다. 글을 작성하는 지금은 수업 2일차까지 수강한 이후이다.처음에는 이미 아는..
수업 중 기억하고 싶은 내용1. Typescript Utility Type유틸리티 타입은 미리 정의된 타입 도구로, 기존 타입의 속성이나 구조를 조작하여 원하는 형태의 타입을 쉽게 생성할 수 있도록 하는 타입이다.즉, 기존 타입을 편리하게 변형하고 재사용하기 위한 타입 도구이다. 유틸리티 타입의 주요 목적으로는 타입의 변형 및 조정으로 반복적인 타입 정의를 줄이고, 타입의 안정성과 유지보수성을 향상하는 데 있다. 아래 유틸리티 타입을 설명하기 전에 우선 타입 하나를 선언하고 시작해보자.interface IProfile { name: string; age: number; school: string; hobby?: string;} 2. Partial Typetype aaa = Partial;Part..
수업 중 기억하고 싶은 내용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..
