본문 바로가기

전체보기335

22.11.02_TIL 📗 오늘 한 일 프로그래머스 0단계 풀이 모스부호 (1) 2차원으로 만들기 팩토리얼 k의 개수 가까운 수 실수: 가장 가까운 수가 여러 개일 경우 더 작은 수를 반환해야 했는데 하지 않음 해결: 입력된 배열을 정렬한 후 정답을 찾음 나만의 포트폴리오 사이트 마이그레이션 navbar css 작업 한 화면에서 컴포넌트로 스크롤 이동하기 React 특정 DOM으로 스크롤 이동시키기 면접준비 코드스테이츠 동기분이 받으신 실제 질문 목록 공부 자기소개 크로스 브라우징 시멘틱 요소 프로젝트 관련 (스택을 사용한 이유 및 사람들이 쓰는 이유) CSS 관련 질문 키프레임 가상 선택자 자식 선택자 블록 인블록 스터디 활동 질문 코드스테이츠에서 어떻게 공부했는지? 잦은 수정을 요청 받으면 어떻게 대응할 것인가? 큐와 스택 2022. 11. 14.
22.11.01_TIL 📗 오늘 한 일 알고리즘 [level2]다음 큰 숫자 문제 풀이 완료 [level2]피보나치 수 문제 풀이 완료 나만의 포트폴리오 사이트 마이그레이션 Styled-components 설치 # 스타일드 컴포넌트 라이브러리 npm i --save-dev @types/styled-components # 스타일 리셋 라이브러리 npm i styled-reset 참고자료 Styled Components & TypeScript [ REACT ] reset css 하는 방법 + npm으로 설치 GlobalStyle 지정 theme 파일 생성 Navbar 수정 이미지 src 에러 No overload matches this call. Overload 1 of 2, 스타일드 컴포넌트 사용시 img 태그로 작성해야하는 것.. 2022. 11. 1.
22.10.31_TIL 📗 오늘 한 일 오전 국민취업지원제도 상담 이력서 자기소개서 백엔드 → 프론트엔드로 전향한 이유 작성 블로그를 왜 하는지 작성 최신순으로 정렬 포트폴리오 github 메인에 어떤 사용할 수 있는 기술 스택 작성 메인프로젝트 ANBD(아나바다, 레저용품 공유 사이트) 메인화면 컨텐츠 수정(레저용품 게시글이 나올 수 있도록) 나만의 포트폴리오 사이트 마이그레이션 바닐라 JS → React TS로 변경 알고리즘 스터디 10월 29일 (금) 인프런 탐방 후기 작성 2022. 10. 31.
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.

티스토리툴바