본문 바로가기

Daily/Today I Learned155

22.10.29_TIL 📗 오늘 학습한 내용 프로그래머스 LEVEL.0 4문제 풀이 기술면접, 일반면접 준비 개인 포트폴리오 사이트 (Vanilla JS → React TS로 마이그레이션) 프론트엔드 개발자로 공부를 시작할 때 강의를 보며 구현했던 개인 포트폴리오 사이트를 React에서 TypeScript를 사용하여 마이그레이션을 해봤다. React TS기초 세팅 (CRA) npx create-react-app "프로젝트 이름" --template typescript 📘 추가로 공부할 내용 Next.js Redux Query 2022. 10. 31.
22.10.27_TIL 📗 오늘 학습한 내용 프로그래머스 LEVEL.0 4문제 풀이 기술면접, 일반면접 준비 Vercel push 한 파일이 제대로 반영되지 않는 현상이 있었다. 처음엔 github Action을 사용해서 배포를 해야하나 했다. 하지만 조금 더 간편하지만 수동적인 방법으로 할 수 있었다. React 파일 자체를 올려서 빌드하고 배포를 하는 과정을 한다면 위와 같은 현상은 발생하지 않는다. 환경변수로 설정된 API Key를 하나하나 지정해주기 번거롭다고 생각했기 때문에 num run build를 한 후 빌드된 파일을 올려 배포하는 것일 선택했던 것이 문제였다. 위의 현상을 해결하기 위해 찾아본 결과 수동으로 재배포를 해주면된다. 아래사진에서 처럼 preview deployments에서 배포할 내역의 옵션을 클릭한.. 2022. 10. 27.
22.10.26_TIL 📗 오늘 학습한 내용 프로그래머스 LEVEL.0 4문제 풀이 기술면접, 일반면접 준비 Vercel vercel을 사용해서 클라이언트 파일을 배포할 때, 보통 react 파일을 배포해서 값을 얻어내지만 그럴 경우 npm run build -> public -> npm install 등을 작성해서 해야하고, 이렇게 배포할 경우 보안상 API키를 담고 있는 env파일은 github에 올리지 않으니 API키가 같이 등록되지 않았다. 위의 방법을 해결하기 위해 num run build를 한 뒤 파일을 github에 업로드하고 build된 파일을 vercel로 지정해서 배포하니 해결됐다. 처음엔 이게 될까? 했지만 시도해봤고 성공해서 뿌듯했다. StudyHaza 프로젝트 리팩토링 로그인 / 회원가입을 할 때 파이어.. 2022. 10. 26.
22.10.25_TIL 📗 오늘 학습한 내용 프로그래머스 LEVEL.1 1문제 풀이 콜라 문제 쉬운 문제였지만 while문의 조건을 잘 못 작성해서 실패를 많이했다. 프로그래머스 LEVEL.2 3문제 풀이 2진 변환 반복하기 올바른 괄호 숫자의 표현 기술면접, 일반면접 준비 TypeScript 학습 tsconfig.json 설정 방법 모듈관련 학습 📘 추가로 공부할 내용 TypeScript Next.js Redux Query server와 client 사이 비동기 로직들을 쉽게 사용할 수 있기 때문에 학습해야한다. STRAPI 이전에 작업했던 프론트엔드 팀 프로젝트를 TS로 리팩토링할 때, 파이어베이스 대신 STRAPI를 사용하여 작업할 예정이기 때문에 학습해봐야겠다. 📝 중요한 내용 코딩테스트 준비 문제가 쉬울 것이라는 자만.. 2022. 10. 25.
22.10.24_TIL 📗 오늘 학습한 내용 프로그래머스 LEVEL.1 1문제 풀이 프로그래머스 LEVEL.2 1문제 풀이 기술면접, 일반면접 준비 TypeScript 강의 React TypeScript 생성 기존 JavaScript로 구성된 React TypeScript로 리팩토링 Vite CRA(Create React App)을 대신해 사용할 수 있는 빌드 도구 📘 추가로 공부할 내용 TypeScript Next.js Redux Query STRAPI 📝 중요한 내용 TypeScript 타입스크립트로 리액트 프로젝트 생성하는 방법 자바스크립트로 구성된 리액트 프로젝트 타입스크립트로 리팩토링 하는 방법 2022. 10. 25.
22.10.23_TIL 📌 개발자는 꾸준함이 생명이라고 생각이들어 하루에 5시간은 무조건 공부를 하는데 쏟기로 했는데 아직까진 잘 지켜지고 있어서 다행이다!!! 앞으로도 꾸준히 개발에 대한 공부를 멈추지 않고 열심히 해야겠다. 📗 오늘 학습한 내용 메인프로젝트 팀 노션 페이지 정리 프로그래머스 LEVEL.0 4문제 풀이 기술면접, 일반면접 준비 TypeScript 강의 조합 타입 (union) 리터럴 타입 타입별칭 📘 추가로 공부할 내용 TypeScript 타입스크립트로 React 웹 만들기 Next.js Redux Query Vite 📝 중요한 내용 TypeScript 조합, 리터럴, 타입별칭 설정 방법 2022. 10. 23.

티스토리툴바