post-thumbnail

Next.js 시작해보기

Data Fetching (Pre-rendering) 페이지가 랜더링 되기 전에(Pre-rendering단계에서) 데이터 패칭을 해야하는 경우 기존 리액트에서는 페이지가 첫 랜더링되고 (이 때 data는 보통 [ ]로 비어있는 상태), useEffect가 실행되면서

2022년 4월 13일
·
0개의 댓글
post-thumbnail

TIL033 | 리액트 디자인 패턴 5가지

불필요한 props 전달을 줄일 수 있다.관심사를 더 확실하게 분리할 수 있다.유지/보수 하기 더 쉬워진다. 원하는 것을 더하고 빼는 것이 수월하다.JSX가 너무 무거워질 수 있다. 이 패턴을 적용하게 되면 JSX의 열 개수를 너무 늘릴 수 있다.state가 컴포넌트

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

4개월간의 위코드 생활을 마무리하며...

기업협업 프로젝트를 마지막으로 4개월 동안의 위코드 생활이 마무리되었다. 7월에 본격적인 코스를 진행하기 전에 사전 스터디를 하면서 시작했으니 사실 5개월 정도 함께 했다고 볼 수 있다.위코드를 시작하기 전에 나는 html/css 를 조금 공부해온 상태였고, Javas

2021년 12월 18일
·
3개의 댓글
post-thumbnail

위코드 기업협업 회고록

2021.11.15 - 2021.12.9 총 4주 동안 진행된 기업협업 프로젝트로 나 자신을 포함해서 프론트엔드 2명 / 백엔드 2명으로 한 팀이 구성되어 기업에 나가 기업에서 제시해준 프로젝트를 진행하였다. 우리 팀은 vling 사이트를 운영하고 있는 버즈앤비 회사에

2021년 12월 18일
·
3개의 댓글
post-thumbnail

2차 프로젝트 회고록 | ADLIP

프로젝트 소개 thisisneverthat 사이트 thisisnevercode 프론트엔드 GitHub thisisnevercode 백엔드 GitHub 사용된 기술 프론트엔드 React React Router Styled Component Restful API Gi

2021년 11월 7일
·
2개의 댓글
post-thumbnail

1차 프로젝트 회고록 | thisisnevercode

이번 1차 프로젝트는 지금까지 배운 프론트엔드와 백엔드 지식들을 바탕으로 선정된 사이트를 클론 코딩해보는 방식으로 진행되었다. 팀원은 나 자신을 포함하여 5명으로 구성되었고, 5명 모두 프론트엔드와 백엔드에서 업무를 분담하여 1주는 프론트엔드, 다른 1주는 백엔드를 개

2021년 10월 19일
·
2개의 댓글
post-thumbnail

TIL032 | Routing

라우팅 이란, 다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것을 의미한다.React는 기본적으로 라우팅 시스템을 갖추고 있지 않으므로, react-router-dom 과 같은 부가적인 라이브러리를 설치해서 라우팅 기능을 추가할 수 있다.라우트 경로에

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

프로젝트 #1 | Motivation_Diary #5

오늘 마주한 문제점1주일의 프론트엔드 개발 기간이 마무리되고, 백엔드 개발 기간이 시작되었다.내가 구현하게 된 부분은 사이트의 상세 페이지의 API를 맡았다.데이터베이스에서 프론트엔드의 상세페이지 목데이터의 형태와 동일하게 데이터를 가공하여 response 구현path

2021년 10월 13일
·
0개의 댓글
post-thumbnail

프로젝트 #1 | Motivation_Diary #4

- TODAY I LEARN ERROR 🦠 > 오늘 마주한 문제점 메인 페이지 하단 텍스트 링크들이 반응형으로 작아졌을때 border 선이 겹치는 문제 반응형으로 작아졌을 때 슬라이드가 마지막 이미지까지 보여주지 못하는 문제 코드 리뷰를 받은 후 함수의 인자를 함수

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

프로젝트 #1 | Motivation_Diary #3

오늘 마주한 문제점메인 페이지 하단 텍스트 링크들이 반응형으로 작아졌을때 border 선이 겹치는 문제반응형으로 작아졌을 때 슬라이드가 마지막 이미지까지 보여주지 못하는 문제코드 리뷰를 받은 후 함수의 인자를 함수 안에서 바꾸는 것을 지양해야 된다는 멘토님의 코멘트전반

2021년 10월 6일
·
0개의 댓글
post-thumbnail

프로젝트 #1 | Motivation_Diary #2

오늘 마주한 문제점이번 프로젝트에서 우리 팀이 맡은 사이트는 https://thisisneverthat.com/ 이다. 나는 그 중에서 메인 페이지를 담당하게 되었고, 호기롭게 코딩을 시작하여서 기본형태까지는 비교적 빠르게 만들었다. 하지만 난관에 부딪친 부분

2021년 10월 4일
·
0개의 댓글
post-thumbnail

프로젝트 #1 | Motivation_Diary #1

- TODAY I LEARN ERROR 🦠 > 내가 만난 오늘의 에러 코드 적기 - HOW TO FIX MY ERROR 💊 >- ERROR를 해결한 KEYWORD 🔑 KEYWORD A🗝 - 정의는 뭐고 이렇게 쓰는거다~ KEYWORD C🗝 - 정의는 뭐고

2021년 10월 2일
·
0개의 댓글
post-thumbnail

위코드 6주차를 끝내고...

오늘로 위코더가 된지 6주가 지났습니다. 추석이 있는 주까지 포함하면 7주가 되겠네요. 그동안 배워온 것을 요약하자면,첫 2주는 HTML, CSS, Javascript 등을 배우며 기초를 다졌습니다. 또한 컴퓨팅 사고, DOM + Event, Linux & Termin

2021년 10월 2일
·
0개의 댓글
post-thumbnail

TIL031 | Layered Pattern

모듈화란, 역할에 따라 코드를 분리하는 것을 의미한다.개발자는 혼자서 일하는 경우보다는 팀원들과 함께 여러 명이서 일하는 경우가 많고, 따라서 개발자에게 좋은 코드는 곧 협업 가능한 코드를 의미한다. 좋은 코드를 나누는 기준은 다양하지만 아래의 5가지는 일반적으로 좋은

2021년 10월 2일
·
0개의 댓글
post-thumbnail

TIL 030 | Database

데이터베이스란 여러 사람들이 공유하고 사용할 목적으로 통합 관리되는 데이터들의 모임이다. 보통 데이터 베이스는 아래처럼 엑셀표와 비슷한 형태를 가지고 있다.데이터베이스를 사용하는 이유는 데이터를 오랜 기간 저장하고 보존하고, 데이터를 체계적으로 정리하여 필요할 때 언제

2021년 10월 2일
·
0개의 댓글
post-thumbnail

TIL 029 | Node.js

Node.js 를 정의하자면, 비동기(Asynchronous) 이벤트-기반(event-driven) JavaScript 런타임 환경이다. Node.js 는 웹브라우저에 종속적인 자바스크립트를 외부에서 실행할 수 있는 Runtime 환경인 Chrome V8 엔진을 제공

2021년 9월 19일
·
0개의 댓글
post-thumbnail

추각코 PLANER!

우리에게 주어진 추석연휴를 보다 재밌게, 의미있는 경험을 하기 위해 모임을 만들어 참여하길 원하는 동기들과 추석 때 각잡고 코딩하기 위한 모임을 개최하였당.1> 노션 가이드 라인수행 및 2> 별도의 추각코 미션 및 이벤트 수행하기9.19-9.22까지~추석 때 각잡고 코

2021년 9월 18일
·
0개의 댓글
post-thumbnail

TIL028 | 자바스크립트 비동기

동기(synchronous) 란 코드가 순차적으로 실행되는 것을 의미하고, 어떤 코드의 연산이 진행 중이라면 다음 작업은 대기하게 된다.비동기(asynchronous) 란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미한

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

React 의 생명주기(LifeCycle)

리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리입니다. 그러다보니 각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명 주기가 존재합니다. 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝납니다.lifecycl

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

TIL026 | State & Event

State 리액트에서 state란 단어의 뜻처럼 컴포넌트 내부의 상태를 지니고 있는 객체이다. state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터를 변경할 수 있다. state를 설정할 때는 constructor 함수를 통해서 설정한다. constructo

2021년 9월 5일
·
0개의 댓글