profile
개발자를 꿈꾸며 하루하루 고군분투 중!

Flutter 찍먹하기 시리즈 - 2

이 글은 골든래빗 《코드팩토리의 플러터 프로그래밍》의 2장 객체지향프로그래밍의 써머리입니다static을 사용할 시 모든 속성은 클래스 자체에 귀속된다.생성자에서 static 값을 지정하지 못하며 인스턴스끼리 공유해야하는 정보에 지정해야한다.static 키워드를 사용하여

2023년 10월 25일
·
0개의 댓글
·

Flutter 찍먹하기 시리즈 -1

Dart는 모든 플랫폼에서 빠른 앱을 개발하기 위해 클라이언트에 최적화된 언어다.Dart의 특징이자 장점은 아래와 같다UI에 최적화되어있다null-safety ( https://dart-ko.dev/null-safety )isolate 기반의 동시성 ( htt

2023년 10월 14일
·
0개의 댓글
·
post-thumbnail

인터넷에서 정보는 어떤 모습일까?

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

2023년 9월 7일
·
0개의 댓글
·
post-thumbnail

불필요한 리소스 제거를 통한 성능 최적화

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

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

Pagination Custom Hook 구현

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

2023년 5월 3일
·
0개의 댓글
·
post-thumbnail

Redux, Redux-Toolkit이 필요한 이유와 실제 구현 방법

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

2023년 5월 1일
·
0개의 댓글
·
post-thumbnail

[Coddit] useEffect와 Custom Hook

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

2023년 3월 18일
·
0개의 댓글
·
post-thumbnail

Next.js! 왜 쓰는 걸까? (CSR vs SSR)

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

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

원티드 3월 프리온보딩 챌린지(2)

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

2023년 2월 28일
·
0개의 댓글
·

원티드 3월 프리온보딩 챌린지(1)

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

2023년 2월 27일
·
0개의 댓글
·
post-thumbnail

[Coddit] createAsyncThunk를 이용한 비동기 데이터 처리

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

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[Next.js 13] Error: Functions cannot be passed directly to Client Components because they're not serializable.

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

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

Next.js의 SSR 삼형제

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

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

모행?! 프로젝트 기획 배경 및 기능 정의

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

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

Next.js는 뭐고 13버전에서는 뭐가 달라졌을까?

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

2023년 2월 14일
·
0개의 댓글
·

Java 07 메소드

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

2022년 5월 27일
·
0개의 댓글
·

Java 06 배열

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

2022년 5월 13일
·
0개의 댓글
·

Java 05 반복처리

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

2022년 4월 25일
·
0개의 댓글
·

Java 04 - 조건분기

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

2022년 4월 5일
·
0개의 댓글
·

Java 03 - 프로그램 계산

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

2022년 4월 5일
·
0개의 댓글
·