현재 우리 회사에는 FE 개발자인 Dominick(나), BE 개발자이신 Kevin 이렇게 두명이 있다. 거기에 이 두명이서 관리하는 프로젝트가 5개가 있다.여기서 이번에 프로젝트를 진행하기로 했는데 해당 프로젝트는 다음과 같다.외주를 통해 PHP로 개발된 협회 페이지

React언어 : JavaScript & TypeScript장점자바스크립트의 문법을 그대로 사용함컴포넌트를 비교적 더 간단하고 단순하게 정의 가능함성능이 뛰어난 garbage collector, 메모리 관리 기능 제공UI 수정과 재사용성이 좋으며, 코드 가독성을 높일

취업을 하고 그동안 있었던 일나는 프리 A 단계에 있는 스타트업에 취업을 했다. 회사 개발 팀에는 팀장, 백앤드, 프론트(나) 로 3명의 개발자로 구성돼있다. 회사에는 총 5가지의 프로젝트가 있으며, 각각 문제가 많이 있다.이번 리팩토링은 실제 많은 고객들이 사용하고

요즘 나는 여러 회사에 면접과 과제 테스트를 보고 있다. 그러다 보니 자소서와, 포트폴리오 관리에만 매달려 있던 것 같다. (정작 중요한 건 안하고..)물론 위에 것을 신경 쓰니 전과는 다르게 서류에서 많이 합격하는 것 같았다.하지만 중요한 기본기(JS, CS) 등을

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