Theme에는 공통으로 사용하는 스타일 내용을 정의해둔 Object이다. 위와 같이 theme의 palette에 색을 정의를 해두고 mui component를 사용할 때 필요한 color를 palette에서 꺼내 쓰는 것이다.또한 Typography의 스타일을 정의 할

❗ 문제점

지금의 나는 주니어 개발자로, 친구와 함께 학교 동생의 Start-up의 웹 Front-end를 맡아 개발중이다. 처음 이 일을 하겠다고 한 이유는, 나의 첫 프로젝트이자, 처음으로 협업을 할 수 있는 기회였기 때문이다. 이 기회를 토대로 경험을 쌓아 다른 기업에 취업

오늘은 현재 작업을 진행하면서 특정 상태 또는 상황에서 component를 보이거나 안보이게 하는 방법에 대하여 공부를 했다.위 코드에서 ...에는 JS 함수식을 사용할 수 있다.해당 원리를 이용해서 &&을 사용해서 두개가 모두 참일 경우에 작동이 되게 할 수 있다.이

😏그동안 진행 상황 근 2~3주 동안 나는 Migration을 진행하였다. 처음에는 단순히 Next에서 React로 옮기는 거니까 "뭐....금방 하겠지?"라는 생각을 했었다. 하지만 이것은 나의 착각.... 내 생각보다 과거 나의 코드는 더 엉망진창이였다. 😂

이번에 refactoring을 진행하기 전에 이번처럼 큰 공사(refactoring)을 하지 않기 위해 기초적인 것을 공부하고 있다. 공부를 하다보니 어느 글에서 module의 특성을 고려하여 directory structre를 작성하라라는 문구를 봤다. 나는 그동안

처음으로 진행해보는 migration이라서 어떻게 시작할지 막막해서 계획을 세워보기로 했다.현재 우리 페이지는 auth.xxx.com, learn.xxx.com, main.xxx.com, admin.xxx.com 4개로 이뤄져있다.같은 NavBar를 사용하는 learn

JWT란

🫠 업로드가 느렸던 이유... 기존 ClubStudy 페이지는 하드코딩으로 작성되어있었다..(작업 초반 나의 실력 미숙과 기한이 짧았어서) 그래서 해당부분을 API를 받아와서 적용하려하다 보니 발생하는 오류가 있었다. 하지만 오류가 하나를 해결하니 다른 오류가 계속

JS에서 모든 함수는 실행될 때마다 함수 내부에 this라는 객체가 추가되는데, 해당 함수 호출 방식에 따라 바인딩 되는 객체가 달라지는 특징이 있다.함수 호출메소드 호출생성자 함수 호출apply/call/bind 호출전역 객체는 모든 객체의 최상위 객체를 의미하며 브

호이스팅이란 실제 코드가 실행되는 런타임 이전에 변수의 선언 단계가 코드의 맨 위로 올려진 것처럼 동작하는 자바스크립트의 특징이다.자바스크립트에서는 let, const를 포함한 모든 선언을 호이스팅합니다.변수는 3가지 단계를 거처 생성됩니다.선언 단계 : 변수를 객체에

✅ 문제 작년 말에 참여했던 KB IT's Your Life에서 만들었던 감성숙소 추천 웹 사이트를 리팩토링 계획을 세우고 진행하려 한다. 리팩토링에서 해야할 과제 코드 개선 1달동안 프로젝트를 하나 진행해야하는데 프론트를 혼자 맡게 되어서 급하게 코

✅ 문제 Next Js로 개발하던 중 mui를 사용하자 오류가 발생함 처음 렌더시에만 오류가 뜨고 화면에 UI가 나타난 뒤에는 문제없이 작동함 🔍 원인 파악 크롬의 성능 테스트를 통해 알아 봤을 때 mui의 CSS적인 부분에서 오래 걸린다고 생각했다. ❗️

내 사이트에서 타사 쿠키(유튜브 쿠키)를 사용하기 때문에 발생한 보안 이슈이다.react-youtube를 사용했을 때 오류가 발생사용하려는 쿠키가 타사의 것인지 확인하고, 그것을 사용해도 될 지 체크하는 것이다.SameSite에는 3가지 값이 있다.Strict : 같은

Next Js로 개발하던 중 mui를 사용하자 오류가 발생함처음 렌더시에만 오류가 뜨고 화면에 UI가 나타난 뒤에는 문제없이 작동함Hydration은 수분 공급이라는 뜻을 가진 영어 단어이다. 하지만 개발 언어의 Hydration은 어떻게 다른지 알아보자.Next Js

https://school.programmers.co.kr/learn/courses/30/lessons/154539단순히 while 문을 돌면서 numList, firstNumber를 만들고 numList.map을 통해 firstNumber보다 크면 멈추고 n

https://school.programmers.co.kr/learn/courses/30/lessons/155651입력이 계산하기 어렵기 때문에 수정해야한다고 생각함.퇴실시간이 하루를 넘어가지 않는다는 조건이 있기 때문에 모든 시간을 분으로 바꿔서 하면 좋을

https://school.programmers.co.kr/learn/courses/30/lessons/154540BFS를 이용해 map의 하나의 섬을 찾는다.찾은 섬의 식량의 개수를 더한 뒤 canLive 배열에 넣는다.canLive 배열을 오름차순으로 정렬

이번에 우아한테크코스를 하면서 나는 테스트의 중요성을 알았다., 테스트가 왜 중요한지, 종류가 무엇이 있는지, 자동화는 어떻게 하는지에 대해서 알아보자.테스트를 하는 이유만들어둔 코드가 계속 잘 작동하는지 확인할

업로드중..