부족한 cs 지식 채우기 (2)패킷발송정보와 콘텐츠의 두체계로 이루어진 데이터 단위인터넷 프로토콜은 모든 데이터의 구조를 해체 후, 여러개의 패킷으로 쪼개 전송한다주소 태그각 패킷에는 발신 및 수신 주소가 포함된 주소 태그가 지정패킷 헤더패킷의 크기와 유형을 설명하는

웹 애플리케이션에서는 성능 최적화가 중요한 이슈 중 하나입니다. 성능이 좋지 않은 웹 애플리케이션은 사용자 경험을 저하시키고, 더 나아가 서비스 이용에 대한 만족도를 떨어뜨릴 수 있습니다. 웹 프론트앤드 환경에서는 각종 파일들을 주고 받으며 화면을 띄우고 화면을 업데이

모행은 여행지 정보와 코스에 대한 정보를 주는 정보성 짙은 여행 플랫폼이었기에 페이지네이션이 사용되는 부분이 많았습니다. 해당 페이지네이션을 커스텀 훅으로 구현해 쓸 수 있다면 편리할 것 같아 직접 커스텀 훅으로 구현해보고자 했습니다.모행은 여행지 정보와 코스에 대한

https://velog.velcdn.com/images/hazel_1130/post/aa1b8ca3-ee38-4bbc-a983-7356cc91481a/image.png리덕스의 핵심은 중앙 저장소인 store에서 상태를 효율적으로 관리하여 각 컴포넌트로 바로

Coddit 프로젝트에서는 포스트를 클릭하면 해당 포스트의 내용과 댓글 등을 modal로 띄우는 방식을 사용하고 있다. 이를 위해서는 클릭한 포스트의 내용과 댓글들을 state로 관리해야 했다. 사용자가 투표나 댓글 작성, 댓글 투표 등의 기능을 사용할 때 해당 sta

프로젝트가 본격적으로 진행되기 전에 우리는 많은 것을 결정해야 한다. 커뮤니티의 목적은 무엇인지, 어떻게 설계해야하는지, 회의는 어떤 방식으로 진행할지. 많은 항목들이 있지만 오늘 우리가 얘기하고자 하는 것은 Next.js 에 대한 이야기다. 저번 팀 프로젝트에

사전 과제 제출 결과물홈페이지 기본 화면로그인 화면사이드바를 통한 페이지 이동<레이아웃 코드>React-Router-Dom에 있는 'Outlet'을 사용하여 레이아웃을 구성했다. Outlet은 중첩 라우팅을 통해 상위 컴포넌트를 레이아웃화 할 수 있고 {child

개발자로서의 역량 향상을 위해 신청해본 원티드의 프리온보딩 챌린지! 취업을 준비하면서 아직은 내가 많이 부족하다는 생각이 들었고 이론보다는 실전을 배우고 싶어서 신청해보게 됐다! 🚩챌린지 일정 챌린지 일정 👩‍🏫커리큘럼 사전 미션 🐹사전 미션 후기 사전미

Reddit 클론 프로젝트를 구축하는 데에 있어서 중요했던 것 중 하나는 동기식 및 비동기식 데이터 처리에 익숙해지는 것이었다. 동기적 데이터 처리는 직관적이고 간단해 보였지만, 비동기적 데이터 처리는 더 불편하고 어려워 보였다. 물론, 동기식 데이터 처리를 이용하

Next.js 파일 디렉토리 공부를 하며 이것저것 만들어보다가 Error: Functions cannot be passed directly to Client Components because they're not serializable.이런 에러를 만나고 말았다. 코드

우와! Next.js의 SSR 삼형제다!!!getServerSideProps란 Next.js에서 제공하는 라이프사이클 메서드 중 하나다. 이 메서드는 서버 사이드 렌더링(SSR)을 위해 사용된다. 기본적으로 브라우저에서 호출되는 일반적인 Next.js 페이지와 달리,

국비학원에서 백엔드 중심의 과정을 수료 후, 뜬금없게도 프론트엔드의 길을 걷고 싶다고 결정한 나는 6개월간 강의와 스터디를 통해 독학을 하게 된다. 학원을 다닐 때와는 다르게 프로젝트도 과제도 내가 스스로 해야만 했다. (그 과정에서 무수한 삽질과 피 땀 눈물이 함께

Next.js는 React 기반의 서버사이드 렌더링 프레임워크이다. React 프로젝트에서 서버사이드 렌더링을 구현하기 위해서는 많은 설정과 작업이 필요하지만, Next.js를 사용하면 이러한 작업들을 간단하게 처리할 수 있기 때문에 요즘 많이 사용하는 추세다.Next

메소드란? 메소드란 프로그램을 실행하게 하는 동작(처리)의 집합을 기술한 것, 또는 그 동작의 집합을 호출하는 기술 부분을 뜻한다. Java에는 여러가지 동작을 실시하는 메소드가 이미 준비되어있고, 그중에는 우리가 이미 자주 사용하고 있는 메소드들도 있다. (ex :

배열은 같은 형태의 변수를 하나로 정리한 것앞으로 자바 프로그래밍에 있어서 잘 다뤄야하는 개념 중 하나이다배열을 이용하면 코드가 훨씬 간략해지고 가독성이 자체도 올라가기 때문이다배열의 선언은 간단하다자료형\[] 배열명; 배열명 = new 자료형명요소수;ex > int\

같은 처리를 반복하는 것을 처리의 반복이라고 한다Java에서 자주 이용되는 반복문은 for, while, do-while이 있다for문은 반복의 횟수가 결정된 경우에 사용<기본 구문>식1 : 카운터 변수 초기화식2 : 반복 처리에 들어가는 조건식3 : 반복처리시의

'만약 a라면 b한다'라는 관계가 성립하는 처리를 프로그램으로 표현하는 것

산술 연산자란? 프로그램 연산에 사용하는 기호예시) 아래의 예제 참고package chap05;public class ArithmeticOperator { public static void main(String\[] args) { //계산용 값을 관리

데이터를 보관 유지하는 영역 -변수-

프로그램은 컴퓨터에 전달하는 작업지시서이다. 이번 강의에서는 프로그램 서식의 기본적 형태를 배웠다.