2주 차를 보내고 3주 차는 연휴로 짧은 기간 수강하게 되어 2, 3, 4주 차 회고를 한 번에 작성하게 되었다.앞으로 점점 해야 할 일도 많아질 거고 여러 가지 일을 동시에 진행하고 있다 보니 머리도 조금 아프지만 잘 해내봐야겠다. Keep- 팀프로젝트를 원활하게 진행할 수 있는 방법 고려하기지금 팀프로젝트에서 Github Action을 활용한 여러 가지 자동화를 하고 있다.사실 재밌어서 하고 있지만, 프로젝트 중 생각나는 부분이 있으면 바로 자동화를 구축해보고 있다.편리하기도 하고 재밌어서 더 공부해보고 싶다.- 프로젝트하면서 배운 내용 바로 정리하기프로젝트에서 적용하거나 공부한 내용을 기반으로 바로 정리해두기- 개인 프로젝트 진행하기개인 프로젝트 꾸준히 기획하고 디자인하고 개발 시작하기이미 어느 정..
💪 참여 스터디
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 -> 부모 ..
