본문 바로가기
300x250

전체 글196

[Error] 'Switch' is not exported from 'react-router-dom' 해결 'Switch' is not exported from 'react-router-dom' 해결 방법 ✅ 개념 - react-router-dom v6로 업데이트 되면서 변경된 부분 중에 하나가 Switch가 Routes 로 바뀌었다. ✅ 왜 배워야 할까? - npm install "react-router-dom" 을 설치하게 되면, "react-router-dom": "^6.0.2" 이 설치가 된다 - 그럴 경우, 제목과 같은 에러를 만날 수 있다. - 버전 5를 까는 방법도 있지만 앞으로 사용해야하니 제대로 알고 넘어가야한다. ✅ 기존에 있던 것과 차이점 바뀐 것이 여러가지 있지만, 바로 사용하는 4가지만 알아보겠습니다. 1. 70%나 작아진 번들 사이즈 번들 사이즈를 줄여야 하는 이유 - 성능 및 로드 .. 2021. 11. 14.
[수료 + 23] 취준 기록(3): 21년 11월 1일 - 11월 7일 한 주 돌아보기 ✅ 스터디 스터디 2회 진행 주제: 함수 정리, 기술 면접 준비 후기 공유 ✅ 알고리즘 연습 프로그래머스 1단계 4문제 ✅ 코딩테스트 1번 회사 결과: 화요일 면접 예정 2번 회사 결과: 아직 발표 안남 3번 회사 결과: 점수 좋음(html, css, react 코딩 테스트) ✅ 기타 기술/ 인성 면접 준비 🔥 총평 - 이번 주엔 두 회사의 과제형 코테를 한꺼번에 진행했다. 벅찼다. 거기다 한쪽에선 redux-saga 사용을 원했던 것 같지만 아직 배우지 않은 라이브러리라 사용하지 못한 상태로 제출했다. 기능 구현과 디자인에 신경을 썼지만, 제출을 하고 나니 눈에 보이는 오류들이 조금씩 있었다. - 기쁘게도 과제를 제출한 곳에서 면접 제안을 받았다. 회사에 대해 알아볼수록 정말 괜찮은 회.. 2021. 11. 8.
[수료 +16] 취준 기록(2) : 21년 10월 25일 - 10월 10월 31일 한 주 돌아보기 ✅ 스터디 스터디 2회 진행 주제: MPA vs SPA, SSR vs CSR, HTTP Method 스터디 github에 정리 ✅ 알고리즘 연습 프로그래머스 1단계 10문제 ✅ 기술 블로그 블로그 포스팅 3개 노션 3개 정리 ✅ 개인 포트폴리오 배포 완료 ✅ 코딩테스트 과제형: 2개 진행중 1번 회사: 목요일 10시제출 2번회사: 목요일 자정 제출 ✅ 기타 이력서 제출 typescript 기초, 실전 강의 2개 section 완료 헬스장 3개월 등록 + 운동 5일 (월, 화, 수, 목, 금,) sass 강의 2개 section 완료(초기세팅, svg,png,jpg 차이) 🔥 총평 - 한 주제에 깊게 파고드니 코드스테이츠에서 섹션을 진행하면서 이해하지 못했던 부분들이 이해 되기 시작했다. .. 2021. 11. 1.
SASS(Syntactically Awesome StyleSheet) 개념 + Sass와 CSSS 차이 SASS(Syntactically Awesome StyleSheet) css는 연산도 안되고, 조건도 반복도 안된다. 프라퍼티만 선언하고, 선언형으로만 되었다. 결론은 SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판 ( CSS를 확장하는 스크립팅언어 ) 정도로 생각하면 좋을 것 같다. (css preprocessor 전처리기) 우리가 흔히 CSS 문서 작성할 때는 많은 반복적인 작업을 요구하고 Color 값을 찾는 일, tag를 닫는 일 등 번거로운 작업 역시 포함되어있다. 그뿐만 아니라 클래스의 상속과 같은 사항으로 점점 CSS 문서는 양이 많아지고 이로 인해서 이후 유지관리에 많은 영향을 준다. 이런 CSS의 문제점들을 Programmatically 한 방식.. 2021. 10. 29.
SSR(서버사이드 렌더링)과 CSR(클라이언트 사이드 렌더링) MPA와 SPA, SSR과 CSR에 대한 포스트입니다. 목차 MPA vs SPA SSR 개념, 동작과정, 장단점 CSR 개념, 동작과정, 장단점 렌더링 방식 선택 기준 Universal Rendering MPA vs SPA 먼저 MPA, multi page application의 약자로 여러 페이지로 구성된 웹 어플리케이션입니다. 사용자의 클릭과 같이 인터렉션이 발생할 때마다 서버로부터 새로운 html을 받아와서 해당 링크로 이동하여 페이지 전체를 새로 렌더링하는 전통적인 웹 페이지 구성 방식입니다. 다음은 SPA, Single Page Application의 약자로 하나의 페이지로 구성된 웹 어플리케이션 입니다. 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데.. 2021. 10. 28.
http method: resource/method 개념, 주요 method, method 속성 http method - 리소스와 메소드의 개념 - 자주사용하는 http 메소드 - 메소드의 속성 출처: Inflean 강의 :모든 개발자를 위한 HTTP 웹 기본 지식 https://girawhale.tistory.com/66 https://meetup.toast.com/posts/92 Put patch 멱등 https://www.inflearn.com/questions/110644 2021. 10. 26.
[수료 +9] 취준 기록(1) : 21년 10월 16일 - 10월 24일 한 주 돌아보기 ✅ 스터디 스터디 방향 설정 + 21일 첫 진행 주제: 브라우저 작동 원리 스터디 github에 정리 ✅ 알고리즘 연습 프로그래머스 1단계 18문제 다시 풀기 시작 ✅ 기술 블로그 명확히 방향을 못 잡음 ✅ 개인 포트폴리오 70% 완료 ScrollToTop 버튼 추가 light mode, dark mode 기능 구현(색상 수정 필요) 내용 수정 필요 ✅ 기타 이력서 작성 후 피드백받고 수정 typescript 기초, 실전 강의 4개 section 완료\ 헬스장 3개월 등록 + 운동 5일 (월, 화, 목, 금, 토) 🔥 총평 - 15일 수료 후 벌써 한 주가 순식간에 지나갔다. 솔직히 잘하고 있는지 모르겠지만 분명한건 조금씩 성장하고 있다. '내가 잘하고 있는 게 맞는가?'라는 말이 머릿속.. 2021. 10. 25.
코드스테이츠 final project 후기 코드스테이츠 파이널 프로젝트 후기 우리 동네 구독서비스를 조회, 주문할 수 있는 웹/앱 어플리케이션 🏡 우리 동네의 다양한 월구독 서비스를 만나보세요. 동네 인증을 하면 내 주변 반경의 구독이 가능한 스토어를 찾고, 결제하여 관리할 수 있습니다. ✔️ 의류, 세탁, 반찬 등 매번 챙기기 힘들지만 내 삶에 꼭 필요한 것들. ✔️ 우리동네 구독 서비스 중개플랫폼 UptoDoor 를 이용하며 번거로운 일들을 줄여보세요! ✔️ 우리동네의 몰랐던 구독서비스 정보도 알 수 있고 지역경제 활성화에도 도움을 줄 수 있어요! 팀 구성과 역할: 같은 멤버, 프론트엔드, 팀장 지난 BowWow 프로젝트의 팀원들과 잘 맞았기에, 이번에도 동일한 팀으로 4주 프로젝트를 시작했다. 다시 한번 팀장을 맡았고, 포지션도 기존과 같은.. 2021. 10. 18.
반응형

티스토리툴바