개발블로그

현재 프론트엔드 팀원들이 기본적인 공부만으로는 힘들어하고 있어, 추가적인 공부를 진행하기 어렵다고 느껴집니다. 이에 따라, 개인적으로 고급 프로젝트에 적용해볼 기술들을 정리하려고 합니다. 1탄인 이유는 추가적으로 더 도전할 수 있는 것들이 있을까봐 제목으로 남겨놨습니다 ㅎ1. styled-componentsnpm install styled-componentsnpm 으로 설치 후 사용이 가능합니다. 기존 코드는 아래의 코드와 같이 별도의 파일을 분리하여 코드를 작성하였습니다.import React from 'react';import styles from './styles.module.css';const App = () => { return ( 클릭하기! );};export def..

/components ├── AuthContext.js (Context를 생성하고 Provider 정의) ├── LoginButton.js (Context를 사용하는 컴포넌트) ├── UserInfo.js (Context를 사용하는 또 다른 컴포넌트) └── LogoutButton.js (로그아웃 기능을 제공하는 컴포넌트) 이런 파일 구조들이 있다면, 코드들은 아래와 같습니다.//AuthContext.jsimport { createContext, useContext, useState } from 'react';// 1. Context 생성const AuthContext = createContext();// 2. Provider 정의export function AuthProvider({ ..

공부하다가 애매모호하거나 처음 보는 내용을 확실하게 알고자 포스팅을 합니다!1. Content-Type: application/json(많이 봤던 코드이지만, 막상 설명하려고 하니 뭐라고 해야할 지 몰라서 넣어봤습니다.) Content-Type: application/json는 HTTP request / response header에서 사용되는 MIME 타입 중 하나로, JSON (JavaScript Object Notation) 형식으로 데이터를 전송하거나 받을 때 사용됩니다. 이 헤더는 서버와 클라이언트가 서로 데이터를 어떻게 해석할지를 알려줍니다. 1. JSON (JavaScript Object Notation)JSON은 가벼운 데이터 교환 형식으로, 사람이 읽고 쓰기 쉽고 기계가 분석하고 생성하기..