profile
룰루랄라 개발일지🎶❤️‍🔥🧑‍💻❤️‍🔥🎵

Web APIs

APIs는 Application Programming Interfaces의 약자이다.우리는 자판기가 어떤 원리로 작동하는지 몰라도 동전 투입구에 금액을 넣고 음료수를 고르는 버튼을 누르면 원하는 음료수를 살 수 있다.이처럼 윈도우스에서 동작하는 애플리케이션을 만들고싶다

2023년 11월 1일
·
0개의 댓글
·

JavaScript 문제 - 변수

다음 코드를 실행했을 때 콘솔창에 무엇이 출력될까?console.log(name) 부분에서는 'kim'이 출력되고console.log(id) 부분에서는 0이 출력된다.var name의 경우 함수 안에서 재선언 + 재할당을 하고 출력했기 때문에 'kim'이 출력된다.va

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

[Next Blog] 캐러셀 포스트 보여주기

이번에는 non featured Posts를 carousel로 보여주도록 만들었다. react로 만들어본 경험은 있는데 NextJS를 사용하여 만드는 것은 처음이라 기록해보았다.캐러셀로는 featured posts를 제외한 non featured posts를 보여줄 것

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

[Next Blog] Featured posts 보여주기

포스트 내용을 간략하게 보여주는 포스트 카드를 만들고 카드들을 정렬해서 보여주도록 구현src/page.tsxFeaturedPosts 컴포넌트를 생성후 Home page에 Hero 컴포넌트 밑에 위치

2023년 8월 25일
·
1개의 댓글
·
post-thumbnail

[Next blog] 페이지 레이아웃 만들기

NextJS를 활용한 개발자를 위한 blog 프로젝트를 시작했다.가장 먼저 페이지 레이아웃을 만들어보았다.

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

Next.js 새로운 프로젝트 기본 세팅, ts module 에러 해결

Next로 프로젝트를 진행할 때 기초 세팅하는 방법에 대해 정리해보았다.

2023년 8월 4일
·
2개의 댓글
·
post-thumbnail

[Next.js] 하이브리드 렌더링

하이브리드 렌더링과 하이드레이션에 대해 알아보자

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

[Next.js] SSR의 특징, 장/단점

Server Side Rendering에 대해 알아보자

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

[Next.js] ISR 특징, 장/단점

Incremental Static Regeneration를 알아보자

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

[Next.js] SSG 특징, 장/단점

Static Site Generation에 대해 알아보자

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

[Next.js] CSR 특징, 장/단점

CSR의 특징과 장점에대해 알아보자

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

Figma 필수 단축키

프론트엔드 개발자로서 디자인 능력을 갖추면 더욱 경쟁력 있는 개발자가 될 수 있을 것 같아서 피그마를 배우기 시작했다.작업의 효율을 높이기 위해 기본적인 단축키들을 정리해봤다.

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

NextJS 라우팅 연습하기

NextJs를 사용해 간단한 이벤트 관리 프로젝트를 만들면서 라우팅과 필터링을 연습했습니다.

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

[ Next.js ] 생성된 프로젝트 분석하기

Next.js 애플리케이션 구조를 분석해보았다.

2023년 6월 20일
·
0개의 댓글
·
post-thumbnail

[ Next.js ] 왜 Next.js를 사용하는가?

Next.js가 무엇인지 알아보고 핵심기능은 무엇이 있는지 알아보았다.

2023년 6월 16일
·
0개의 댓글
·
post-thumbnail

포트폴리오 사이트 회고록

그동안 진행한 프로젝트들을 정리한 포트폴리오 사이트 입니다.원래 포트폴리오를 노션에 정리했었는데 저의 개성을 잘 나타내지 못하는 것 같아서 직접 포트폴리오 사이트를 기획 및 제작했습니다.모든 데이터들은 JSON형식으로 정리하여 적용했습니다. 타입스크립트를 사용하여 제작

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

[Pre-onboarding] lululab 병원예약 서비스 회고록

개발 기간: 2022/10/17 ~ 2022/10/20개발 인원: 개인 프로젝트Front end시연 영상 보러가기Front EndHTML styled-component\`\`TypeScrip React Vite React-router react-calendar reac

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

[Redux] State Mutation

변수를 변경하는 행위를 mutation이라고 한다. 이는 매우 중요한 리덕스의 기본 원칙 중 하나이다.그럼 어떻게 변경해??mutate하는 게 아니라 새로운 objects를 리턴해야 한다!상태를 수정하는 것이 아니라 새로운 것을 만들어야함!

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

[Redux] Store, Reducer, Dispatch, Action, Subscriptions

Redux를 사용하는 이유 Store Reducer

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

[CS] 비트와 바이트

컴퓨터가 이해할 수 있는 최소의 정보단위는 0과 1이다.즉, 컴퓨터는 0과 1로 이루어진 정보들을 처리할 수 있다. 컴퓨터가 처리할 수 있는 가장 작은 단위의 정보를 나타내는 것이 바로 Bit이다.Bit 는 0과 1만 담을 수 있다. 사람은 10손가락을 이용해서 숫자

2022년 10월 30일
·
0개의 댓글
·