우선 javascript에서 값을 넣어주는 방식에 대해 알아보기전에 타입에 대해 알아볼 필요가 있다.원시타입원시 타입 데이터는 변수에 할당될 때, 메모리 상에 고정된 크기로 저장되고 해당 변수가 원시 데이터의 값을 보관한다. 종류 : Number, String, Boo

프로젝트 진행과정 당시 이미지를 어떻게 처리해주어야 할지 고민을 하게 되었다. 이미지를 백엔드 서버 DB에 바로 저장해 둘 수 있지만 이미지가 많은 경우 데이터 베이스 성능이 저하될 수 있으며, 디비를 계속해서 호출해야 하기 때문에 비효율적 일 수 있다고 판단했다. 그

운영체제의 역할 중 하나는 컴퓨터 시스템의 자원을 효율적으로 관리하는 것입니다. 이 문제에서는 운영체제가 다음 규칙에 따라 프로세스를 관리할 경우 특정 프로세스가 몇 번째로 실행되는지 알아내면 됩니다.실행 대기 큐(Queue)에서 대기중인 프로세스 하나를 꺼냅니다.큐에

호이스팅은 변수를 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트의 고유 특징이다. 변수 선언이 소스코드가 한 줄 씩 순차적으로 실행되는 시점인 런타임 단계 전에 실행된다.

코니는 매일 다른 옷을 조합하여 입는것을 좋아합니다.예를 들어 코니가 가진 옷이 아래와 같고, 오늘 코니가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야합니다.코니는 각 종류별로 최대

Myfavor프로젝트를 하면서 전역적으로 상태를 관리해주어야하는 문제가 생겼으며, 이를 위한 문제를 해결하기 위해 redux를 도입하였다. redux에 대해 자세히 알아보자.  props drilling은 props를 하위 컴포넌트로 계속해서 전달하는 과정에서 발생하는

🔴 LightHouse > LightHouse는 웹 사이트의 성능 및 품질을 평가하고 개선하는 도구이다. Google이 개발하였으며 사용자 경험, 성능, 접근성, SEO 등 다양한 측면을 평가할 수 있도록 도와준다. 간단히 이 정도만 알아보고 실제 어떻게 평가가 이

🔴 괄호 회전하기 > 다음 규칙을 지키는 문자열을 올바른 괄호 문자열이라고 정의합니다. (), [], {} 는 모두 올바른 괄호 문자열입니다. 만약 A가 올바른 괄호 문자열이라면, (A), [A], {A} 도 올바른 괄호 문자열입니다. 예를 들어, [] 가 올바른 괄

NextJs에서는 13버전이 업데이트 되면서부터 모든 컴포넌트가 기본적으로 서버 컴포넌트다. NextJs에서는 서버 컴포넌트와 클라이언트 컴포넌트가 있으며, 이를 잘 이해하고 사용하는 것이 중요할 것 것아 정리하게 되었다.NextJs공식문서 위와 같이 NextJs에서

Nextjs공식 웹페이지 NextJS 공식 웹사이트에 접속하면 웹을 위한 React framework라고 명시되어있다. 말 그대로 대규모의 양산형 React 앱을 더 편리하게 구축할 수 있도록 많은 기능을 제공하고 있습니다.  또한 NextJs를 프레임워크라고 얘기하

리액트 쿼리를 커뮤니티 프로젝트를 수행하면서 사용하였는데, 커뮤니티 특성 상 실시간으로 업데이트 되어야 하는 부분이 많았다. 하지만 이런 이유로 쿼리 요청을 많이 하기 때문에 최적화 해야 하는 부분이 필요했다... (쿼리 요청을 최적화하지 못했기 때문에 백엔드 서버 D

웹 개발을 하게 되면 프론트와 백엔드 통신을 하는 과정에서 위와 같은 에러를 확인할 수 있다. API콜을 하면 CORS정책에 막혔다는 에러가 뜨면서 통신이 되지 않는다. 왜 이런 문제가 발생하는지 알아보고 해결책도 살펴보자 CORS(Cross-Origin Resourc

  유효성 검사는 사용자가 입력한 데이터가 예상대호 유효한지 여부를 체크할 수 있다. 이는 시스템의 안정성과 보안을 유지하며 오류와 잘못된 데이터가 입력되는 것을 사전에 방지하는데 도움을 준다. 그렇다면 유효성 검사 처리는 어떻게 어디서 해주는 것이 합리적 일까??앞에

🔴 로그인 방식에 대한 고민 >&nbsp 프로젝트들은 진행하면서 로그인 방식에 대한 고민을 하였다. 기본적으로 로그인을 하기 위해서는 인증(클라이언트 본인임을 검증하는 과정)과 인가(인증 작업 후 인증된 클라이언트에게 접근 권한 부여 과정)를 통해 이루어진다. 보통

🔴 개요 > &nbsp본 작성글은 아이돌캘린더에 대한 기술적인 부분의 회고 내용이다. 전체적인 기술스텍 🟠 로그인에 대한 고찰 로그인이 되는 과정  이번 프로젝트의 경우 프론트와 백엔드 간에 로그인 로직을 session을 통해 이루어졌다. 간단히 얘

🔴 일정 및 목표 > &nbsp📅 프로젝트 일정 사전 기획 : 2월 8일 ~ 2월 10일 기간 : 2월 13일 ~ 2월 15일 &nbsp📝 목표 목표 : 심리테스트 사이트를 개발 후 배포까지 완료 기술스텍 : Html, Css, Js, React, Firebas

타입스크립트를 간단하게 접해보자

🔴 Redux에 대해서  redux는 context API와 같이 프로젝트 규모가 커질 때 상태에 대해서 어떤 컴포넌트든지 상태를 가져다 쓸 수 있게 해주는 라이브러리이다. 사실 redux는 바닐라js에서도 사용이 가능하며 react에서는 react-re

 useReducer는 상태를 관리하고 업데이트를 하는 훅으로 useState에 비해서 큰 프로젝트에서 대신 사용하는 훅이라고 볼 수 있다. useState와의 가장 큰 차이점은 컴포넌트 외부에 업데이트 로직을 만들어 줌으로써 코드를 최적화 시킨다.state는 컴포넌트

 리액트에서 작업 할 때, 특히 부모 컴포넌트에서 자식 컴포넌트로 값을 넘겨줄 때 props를 이용하곤 한다. 하지만 대규모 프로젝트 같은 경우 props로 값을 넘겨줄때 여러개의 컴포넌트를 통해 쓸데없이 넘겨주게 되면 코드의 복잡성이 증가하고 까다로운 작업이 될 수