post-thumbnail

💣 Next.js_04 Custom Error Page, Environment Variables

404 page는 자주 사용되는 에러 페이지 => 자주 사용되는 에러 페이지를 서버에서 렌더링 하면 서버의 부하가 증가 => 이로인해 비용이 증가하고, 사용자들은 느리다는 느낌을 받는다.Next.js는 static 404 page를 제공=> 아무런 추가 작업 없이 de

약 21시간 전
·
2개의 댓글
post-thumbnail

🦁_22.01.22 / 22.01.23

=> 쪼개고 뭐고 그냥 냅다 되는대로 해버림=> 결국 목표를 달성하지 못했고... => 주변 분들께 징징거리다가 차분히 하기로 마음 먹음(꺼억-) => 그냥 움직일 수 있음에 감사함 느끼기 => 매일매일 블로그 글 작성하는 삶을 살고 싶다아감귤마켓 프로젝트 잘 진행해서

4일 전
·
2개의 댓글
post-thumbnail

🍊 낑깡팜_05

my-page에서 프로필 수정 버튼을 클릭하면 나타나는 프로필을 수정할 수 있는 페이지입력창에 대한 명세는 회원가입의 프로필 설정과 동일my-page에서 상품 등록 버튼을 클릭하면 나타나는 상품 등록 페이지게시글 하단에 말풍선 아이콘을 클릭하면 나타나는 댓글을 확인하고

7일 전
·
1개의 댓글
post-thumbnail

🍊 낑깡팜_04

🔧 스택 선정 이유 이 모든 것의 시작 스터디 참여 조은님(= 오늘의 집, FE 챕터 리더)의 스터디 모집 글을 발견했다 => 심지어 다른 분들이 알려줘서 겨우 발견 => 좋은 정보 감사합니다☆ 내가 이 스터디를 잘 따라갈 수 있을까? 라는 고민을 짧은 시간에 와장

2022년 1월 21일
·
0개의 댓글
post-thumbnail

🍊 낑깡팜_03

낑깡팜 피드팔로우가 있을 경우, 팔로우의 게시글이 나타난다.계정 검색 : 사용자 이름 검색유저 페이지 유저 정보판매중인 상품이 있을 경우 판매중인 상품 목록이 보인다피드는 리스트형/앨범형으로 나타난다.상단 더보기 버튼을 누르면 팝업창이 나타난다마이 페이지나의 정보 :

2022년 1월 19일
·
2개의 댓글
post-thumbnail

🦁_22.01.18 TIL

하나의 큰 자바스크립트 파일로 개발=> 유효범위와 크기, 가독성, 유지보수에 문제가 발생각 기능이 있는 스크립트를 모듈화해서 개발=> 너무 많은 스크립트 파일을 로드할 경우, 네트워크의 병목현상을 발생=> 여러 개의 파일을 로딩하더라도 같은 스코프를 공유하기 때문에 전

2022년 1월 18일
·
1개의 댓글
post-thumbnail

🦁_22.01.15 / 22.01.16

=> 큰 목표가 있어서 그런지 작게 쪼개지지도 않았고, 작은 목표를 세우지도 않았...=> 나름의 노력을 했다!=> 그러나 조금 더 노력을 해야겠다!=> 일주일 내내 꽉꽉 채워서 작성하지는 못했지만 틈나는대로 작성했다.=> 프로젝트 관련 글을 쓴 것은 나름의 시도였고,

2022년 1월 17일
·
0개의 댓글
post-thumbnail

🍊 낑깡팜_02

모양만 구현해놓은 상태첫 페이지 : 스플래시 화면이 뜨면서 로그인 창이 나타난다.'이메일로 로그인' 링크 이동 : 이메일로 로그인 할 수 있는 화면이 나타난다.첫 페이지에서 '회원가입' 또는 '이메일로 로그인' 페이지에서 '이메일로 회원가입' 링크 이동 : 이메일로 회

2022년 1월 16일
·
0개의 댓글

📁 AWS 정적 웹페이지 배포하기 - S3, CloudFront

로그인 후 S3 페이지로 이동버킷 이름 설정=> 버킷 이름 지정 규칙이 있으므로 참고하기AWS 리전 설정버킷의 퍼블릭 엑세스 차단 설정=> 모든 피드백 엑세스 차단에 체크 해제=> 버킷 만들기생성된 버킷 이름 클릭권한 탭 클릭=> 버킷 정책 편집버킷 정책=> 정책 예제

2022년 1월 14일
·
2개의 댓글
post-thumbnail

🍊 낑깡팜_01

낑깡팜 프로젝트는 SNS를 구현해보는 프로젝트 입니다.프로젝트 설명 및 요구사항 명세Github 주소혼자하는 프로젝트지만 이 전에 진행했던 팀프로젝트에서 Fork Workflow를 했던 경험을 토대로, => Repository 생성=> develop 브랜치를 생성 =>

2022년 1월 13일
·
5개의 댓글
post-thumbnail

🦁_22.01.08 / 22.01.09

=> 목표는 작게 쪼개지는 거 같은데 목표 달성률이 낮은 것 같다. => 마트 구경으로 조금 더 움직여 보았다!=> 마트 구경 너무 재밌어어~=> Next.js랑 React로 새 시리즈 만들어 작성 중이다.=> 수업 내용에 한정된 TIL만 작성했었는데 다른 내용으로 블

2022년 1월 10일
·
5개의 댓글

📁 "Contact Me" 메세지 보내기 기능 - Google Apps Mail, 정적 HTML Form

백엔드가 필요 없다.커스터마이징이 가능하다.Google mail을 통해 이메일을 전송한다.데이터를 쉽게 볼 수 있는 스프레드 시트에 수집/저장한다.Sample Spreadsheet :https://docs.google.com/spreadsheets/d/1Bn4

2022년 1월 10일
·
2개의 댓글
post-thumbnail

🔫 React_04 useRef

🎮 useRef로 특정 DOM 선택하기 JavaScript에서 특정 DOM을 선택해야 할 경우 getElemnetById, querySelector와 같은 DOM Selector 함수를 사용하여 DOM을 선택 리액트를 사용하는 프로젝트에서도 DOM을 직접 선택해야

2022년 1월 9일
·
0개의 댓글
post-thumbnail

🔫 React_03 useState

컴포넌트에서 보여줘야 하는 내용이 사용자 인터랙션에 따라 바뀌어야 할 때 어떻게 구현할 수 있을까?리액트 16.8 이전 버전 : 함수형 컴포넌트에서는 상태를 관리할 수 없었다.리액트 16.8에서 Hooks 기능이 추가되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게

2022년 1월 6일
·
0개의 댓글
post-thumbnail

🦁_21.12.30 TIL

요청에 따라 처리를 해주는 것routing의 출발점인 app.js 파일에서HTTP Method를 POST로 선택한 후 send를 누르면=> Not Found 확인 해당 url에 접근했을 때, 콜백함수로 나오는 request와 responserequest : 요청에 대

2022년 1월 6일
·
0개의 댓글
post-thumbnail

💣 Next.js_03 Server-side Rendering/SSR

API 호출을 통해 데이터를 받아올 때, 로딩 화면을 사용자에게 보여준다.해당 코드에서 궁금했던 부분왼쪽 화면이 {!isLoading} 적용 전 / 오른쪽 화면이 적용 후 => {!isLoading} 을 작성하지 않아도 같은 화면을 보여준다고 생각했는데 아래에 가려져

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

🦁_21.12.29 TIL

npm이 필요한 이유?chapter 4에서 서버를 구축할 때, 처음부터 모든 것을 개발한 것이 아니라 const http = require("http")를 통해 http라는 패키지를 설치하여 서버 구축을 편리하게 했다.다른 개발자가 만들어 놓은 패키지를 사용해서 개발을

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

🔫 React_02 props

App 컴포넌트에서 Hello 컴포넌트를 사용name이라는 값을 전달Hello 컴포넌트에서 name값을 사용하고 싶을 때,컴포넌트에게 전달되는 props는 피라미터를 통해 조회props는 객체 형태로 전달name 값을 조회하고 싶다면 props.name으로 조회Hell

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

🦁_21.12.31 / 22.01.01 / 22.01.02

21년 12월 31일 / 22년 01월01일 / 02일 📌 액션 플랜 재설정 1순위 : 목표 작게 쪼개기 => 목표치를 한꺼번에 다 하려고 하지 않고, 조금씩 나눠서 하려고 노력중 2순위 : 틈틈히 움직이기 => 밖에 나갔을 때 좀 돌아서 집에 와야겠다아 => 추워

2022년 1월 3일
·
1개의 댓글
post-thumbnail

🔫 React_01 React component, JSX

import React from "react"; : 리액트 컴포넌트를 만들땐 리액트를 불러와야 한다.export default Hello; : 'Hello'라는 컴포넌트를 내보내겠다는 의미컴포넌트 : 일종의 UI 조각으로 쉽게 재사용할 수 있다.ReactDOM.rend

2022년 1월 3일
·
2개의 댓글