강디너의 개발 일지 - mysetting

2:55 5/30

kdinner.tistory.com

mobile screenshot relative

2:55

kdinner.tistory.com

mobile screenshot

강디너의 개발 일지
https://kdinner.tistory.com/

주니어 개발자의 개발 일지

저작도구: tistory

최종 피드 수집: 2024-05-02 12:49

전체 (29)

3M

React Native로 앱 만들기

작년부터 난 만들고 싶은 서비스가 생겼었다.

바로 냉장고 관리 앱이다.

혼자 살 때에는 냉장고에 김치밖에 없었는데, 결혼을 하고 나니 냉장고가 터지려고 했다. 특히 냉동실에 넣고 까먹은 재료들이 발굴될 때마다 너무 마음이

토이프로젝트

000

6M

React Native로 앱을 만들고, 고통 받으며 적는 글

좋았던 점.
react로 앱을 만든다. 자바스크립트다. 타입스크립트도 가능하다.

힘들었던 점.
초기 세팅이 제일 힘들다.
재설치만 몇 번한 것 같다. 무엇이 잘못된 건지도 모르겠다. 왜 잘되는지 모르겠다.

라이브러리
rea

000

8M

나의 강점 찾기

최근 팀 내 주니어끼리 모여 ‘나의 강점 찾기’ 스터디를 하고 있다. (feat. 내년 연협을 잘하자.)
“자신의 강점을 찾고 강화하자” 라는 목표를 갖고 매주 모여서 짧게 이야기를 나누기 시작했지만, 강점 찾기란 매우 힘든 일이

회고록

002

10M

개발자로서 성장을 잘 하고 있는걸까 ?

작년과 올해는 나에게 중요한 시간이었다.
작년은 이직한 곳에 나를 증명해야 했고, 결혼 준비와 함께 올해 초 결혼을 했기 때문이다.
그래도 그 와중에 강의도 찍어보고, 간간히 블로그를 적었었다.

마침 회사에서 성장했는지, 나

회고록

001

11M

코드로 대화하자 - HTTP 상태 코드

HTTP 상태 코드는 웹 서버와 클라이언트 간의 통신 과정에서 클라이언트 요청에 대한 서버의 응답 결과를 전달하는 코드입니다. 이 코드는 HTTP 응답의 일부로 사용되며, 성공, 클라이언트 오류, 서버 오류 등의 여러 상황을 나타

이것저것

000

1y

React setState를 동기적으로 사용해야할 때

React에서 useState는 state값이 변경 될 때마다 해당 컴포넌트가 다시 렌더링을 하는 특성이 있습니다.
그래서 동기적으로 실행되는 자바스크립트 코드에서 setState를 실행하고 해당 state를 가지고 무슨짓을 하려

React.js

react

useState

000

1y

Next.js 데이터 가져오는 방법 (Data Fetching)

Next.js 에서 데이터를 가져오는 방법이 여러 가지 있습니다.
getServerSideProps
getStaticPaths
getStaticProps
Next.js에서는 서비스에 따라 다양한 방식으로 콘텐츠를 렌더링 할 수 있

React.js

CSR

ISR

+ 더보기

001

1y

Next Head에 관하여...

React.js에서 타이틀, 설명 등 SEO 구색을 어느 정도 맞추기 위해서는 react-helmet 이란 라이브러리를 사용합니다.
Next.js에서도 그럼 헬멧을 사용해야하나 ? 라는 의문에서 조사를 시작했습니다.

구글에서는

React.js

001

2y

[도서 리뷰] 찐 UXer가 알려주는 UX/UI 실무 가이드

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

간략소개
UX/UI 의 기본 설명과, 실무 프로젝트를 진행하면서 겪는 일들, 해야하는 일들을 설명해준다.
여러가지 예시들을 보여주면서 초보자도 알

회고록

009

2y

[도서 리뷰] 미국 주식으로 시작하는 슬기로운 퀀트투자

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

간략소개
파이썬을 이용해서 퀀트머신을 사용하는 방법을 알려준다.
코딩하는 법이 아닌 데이터를 보는방법, 어떠한 값을 수정하면 무엇이 되는지 쉽

회고록

도서리뷰

006

2y

[도서 리뷰] 그래프QL 인 액션

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

간략 소개
GraphQL의 기초부터 스키마 설계, 데이터베이스 연동, 최적화, API 연동까지 Front-end와 Back-end의 입장에서 디테

회고록

서평

001

2y

냉장고 털기 앱

기획 의도
내가 해먹었던 요리를 기억하자
냉장고에 남아있는 재료로 만들 수 있는 요리를 한눈에 보이게 하자

데이터 정의
요리 : 이름, 사진, 레시피, 요리 카테고리, 별점
레시피 : 재료, 용량
재료 : 이름

기능 정의

기획

0041

2y

React-Query Error Boundary

에러 바운더리 사용해보기

공통 오류 컴포넌트 적용하기
특정 컴포넌트만 다른 오류 컴포넌트 적용하기
고민

공식 문서 : https://react-query.tanstack.com/guides/suspense

코드 : ht

React.js

react-query

0053

2y

React-Query 사용법 및 쓰는 이유

React-Query는 이전 React 과제를 할 때 아무것도 모른 상태에서 사용해서 장점을 크게 깨닫지 못했었습니다.
그때 당시에 React-Query를 왜, 어떤 상황에서 사용하는지, 장점이 무엇인지 알고 넘어갔어야 했는데 그

React.js

react

react-query

0024

2y

와디즈에 이직 했습니다.

2년 정도의 딜리셔스 생활을 마쳤습니다. 조금 더 다양하고 넓은 경험을 하기 위해 이직했습니다.

왜 ?

특별히 맘에 안 들어서 이직을 마음먹은 것이 아니라, 조금 더 다양하고 넓은 경험을 하고 싶고, '다른 회사는 어떻게

회고록

이직

0011

2y

주 ~ 니어 개발자의 2021 상반기 회고록

벌써 상반기가 사라졌다.
상반기에 별로 한 것이 없어 보였는데, 적다 보니깐 뭔가 많아져서 뿌듯하다.

1. 회사
상반기에는 초반에는 엄~~청 바쁘지는 않고 살만은 했다. 그래서 여행도 다녀오고 힐링을 좀 했던 것 같다.

1

회고록

103

2y

HTML 꿀팁

원본 글: HTML Tips

몰랐던 것들도 있어서 정리합니다.

1. The `loading=lazy` attribute
이미지 태그에 loading=lazy 속성을 넣으면 사용자가 스크롤해서 볼 때 까지 이미지를 호출 하지

이것저것

105

2y

기-개-디 토이프로젝트 협업기 - 맛집 리뷰 서비스

장장 4개월에 걸친 토이프로젝트가 드디어 끝났습니다.
4월 말 오픈 예정이었으나, 역시 사람일은 알 수 없기 때문에... 각자의 업무가 일단 중요하니깐... 연애도 해야하고...

서비스 한 개를 만들면서 개발 플로우를 경험하고

토이프로젝트

2146

2y

로그인 프로세스 개선 - Axios 통신 한줄기로 만들기

회사 기술 블로그에 출간했습니다...!

첨부
https://dealicious-inc.github.io/2021/05/17/axios-integrate.html

삽질

009

2y

API 서버 빠르게 구현하기 - strapi 튜토리얼

서버를 구성하지도, 백엔드 로직을 직접 짜지 않아도 백엔드 개발을 쉽게 도와주는 strapi라는 프레임워크가 있다는 것을 듣고 바로 찾아봤습니다.
strapi는 엄청 복잡한 로직이 아니라면 간단한 CRUD는 금방 뚝딱 나와서 백엔

이것저것

strapi

0026