forEach 메서드 1. forEach 메서드 forEach 메서드란? 배열의 각 요소에 대해 주어진 함수를 실행하는 메서드입니다. 반복문을 대신하여 코드를 간결하게 해주고, 배열의 각 요소에 대한 작업을 수행할 때, 편리하게 사용됩니다. 2. forEach 메서드 구조 array.forEach(function(currentValue, index, array) { // currentValue: 현재 반복 중인 요소의 값 // index: 현재 반복 중인 요소의 인덱스 // array: 원본 배열 // 수행 코드 }); 3. 예시 // 배열 생성 var numbers = [1, 2, 3, 4, 5]; // 배열의 각 요소와 인덱스를 출력 numbers.forEach(function (number, ind..
TypeScript 1. TypeScript 지금부터 TypeScript에 대해 알아봅시다. TypeScript란? Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript에 정적 타입 시스템을 추가한 언어입니다. 모든 JavaScript 코드가 TypeScript 코드로 유효하며, TypeScript는 JavaScript를 그대로 지원합니다. 2. 특징 1) 정적 타입 시스템 변수, 함수, 객체 등에 명시적인 데이터 타입을 지원하며, 이를 통해 코드의 안정성을 높이고 버그를 줄일 수 있습니다. 개발자는 코드를 작성하면서 컴파일 단계에서 타입 오류를 미리 확인할 수 있습니다. 2) 객체 지향 프로그래밍 객체 지향 프로그래밍(OOP)의 개념을 지원합니다. 클래스, 상속, 인터페이스 등..
HTTP Status Code 1. HTTP Status Code 공부를 하면서, 404, 200 등 세 자리 숫자로 이루어진 코드를 본 경험이 있는데, 이것이 무엇이며, 어떤 종류가 있는지 궁금하여 알아보았습니다. HTTP Status Code란 클라이언트가 보낸 HTTP 요청의 결과를 나타내는 세 자리 숫자로 이루어진 코드입니다. 각각의 Status Code는 특정한 의미를 가지며, 클라이언트와 서버 간의 통신에서 어떤 일이 발생하였는지 알려줍니다. 2. Status Code 구조 상태 코드(Status Code)는 다음과 같은 구조를 나타냅니다. 첫 번째 자리 숫자 (1xx, 2xx, 3xx, 4xx, 5xx) : 상태 코드의 일반적인 범주를 나타냅니다. 코드 의미 1xx Informational ..
서명 : 미라클모닝 : 당신의 하루를 바꾸는 기적 아침 6분이면 충분하다 저자 : 엘 할로드 출판 : 한빛비즈 발행 : 2016.03.03 아침 일찍 일어나기.. 매우 쉽지 않다. 하지만, 이 책을 읽음으로써 아침에 일어나는 것은 매우 좋은 습관이며, 자기계발을 하기 위한 매우 적합한 시간임을 깨달았다. 내 개인적인 생각으로, 미라클모닝의 매우 큰 원동력은 근성이다. 평소 늦게 일어나는 사람이라면, 처음엔 쉽지 않을 것이다. 포기하고 싶은 마음도 많이 생길 것이다. 하지만 그것을 이겨내고 꾸준히 일찍 일어난다면, 그것은 습관이 되고 비로소 나의 것으로 만들 수 있을 것이다. 자기계발을 위한 기적의 아침을 만들고 싶은 사람들에게 이 책을 추천한다. 미라클모닝을 해야하는 목적과 이유, 방법까지 자세히 나와있..
서명 : 기분이 태도가 되지 않게 저자 : 레몬심리 출판 : 갤리온 발행 : 2020.06.30 제목부터 맘에 든다. 내 기분이 그대로 들어나게 되면, 작거나 혹은 큰 상황 속에서 결국 안좋은 결과를 가져올 수 있다. 사회, 연인, 친구 등등 여러 관계 속에서 나에 부정적인 감정을 표출하면, 상대는 나의 기분을 성격으로 받아들일 수 있다. 항상 다짐하자. 마음가짐을 조절하며 기분이 태도로 나타나지 않도록 노력하고, 주변에 그런 영향을 주는 사람들을 멀리하도록 하자. 습관적인 불평은 내 하루를 망치고 내 관계를 망치며 결국 나를 망쳤다. 엉망인 하루하루가 모여 결국에는 나는 '불만이 많은 친구' 가 되었다. > -레몬심리-
서명 : 소란스러운 세상 속 혼자를 위한 책 저자 : 데비 텅 출판 : 윌북 발행 : 2021.01.30. 여자친구의 추천으로 읽게 된 책이다. 나 또한 mbti가 INFJ인 성격 유형이라서, 이 책을 읽으면서 깊은 공감과 위로를 받았다 남들처럼 활발하게 다니고 싶어서 밖에 다닐 때, 더 밝은 척 노력하며 살았었다. 그러다 보니 에너지 소모가 심했고 피로가 더 쌓이게 되었고, 이런 모습을 고치고 싶었다. 하지만, 지금은 내 자신을 받아들였고 남들에게 맞춰가는 것이 아닌 나답게 행동하며 살아가고자 한다. 자신을 부정하지 말고 내 자신을 믿고 편안하게 살아가면 되는 것이다. 그렇게 살아가면, 에너지 소모도 덜 하게 되고 다른 사람들과의 만남도 부담가지지 않게 된다. 이 책은 자기 자신을 고치고 싶은 INFJ..
API Routes 0. 시작하기 전.. - 코딩앙마님의 강의를 참고하였습니다! (강의영상 바로가기) 1. 로그인 페이지 - 이번에는 로그인 페이지를 구현해보겠습니다. - #1. pages 폴더 안에 admin.js 파일을 생성 후, 다음과 같이 입력해줍니다. export default function Admin() { return admin; } - #2. Gnb.js 파일에서 다음과 같이 수정해줍니다. → 브라우저에서 실행해보면 제대로 나오는 것을 확인할 수 있습니다. import { useRouter } from "next/router"; import { Menu } from "semantic-ui-react"; export default function Gnb() { const router = u..
isFallback, getStaticPaths 0. 시작하기 전.. - 코딩앙마님의 강의를 참고하였습니다! (강의영상 바로가기) 1. isFallback - isFallback은 Suspense 내에서 현재 자식이 로딩 중인지 여부를 나타내는 불리언(Boolean) 속성입니다. - 터미널에 npm run dev를 입력하여, 실행해보면 상품에 들어갈 때마다 새로 생성되는 것을 알 수 있습니다. - #1. 그것을 자세히 보기 위해, const Post => {...}안에 다음과 같이 추가하고 실행해보겠습니다. → 그러고 실행해보면 다음과 같이 true, false가 나오는 것을 확인할 수 있는데 이것이 로딩 중인지 여부를 나타냅니다. const router = useRouter(); console.log(..
정적 생성 (Static Generation) 0. 시작하기 전.. - 코딩앙마님의 강의를 참고하였습니다! (강의영상 바로가기) 1. 정적 생성 - 저번 시간에는 서버사이드 렌더링으로 작업을 해보았으니, 이번엔 정적 생성으로 페이지를 작업해보겠습니다. ※ 정적 생성이란? (바로가기) - #1. index.js 에서 다음과 같이 입력해줍니다. import Axios from "axios"; import Head from "next/head"; import { useEffect, useState } from "react"; import ItemList from "@/src/component/ItemList"; import styles from "@/styles/Home.module.css"; import {..
서명 : 오늘부터 개발자 저자 : 김병옥 출판 : 천그루숲 발행 : 2021.11.20. 이 책은 내가 블로그를 시작할 수 있게 도움을 준 책이다. 프론트엔드 개발자가 되기로 마음을 먹었으나, 독학으로 공부를 하다보니 앞길이 막막하였다. 그러다가 우연히 이 책을 알게 되었고 어떤 방식으로든 공부한 것을 기록하라는 김병옥 작가님의 말씀에 영감을 받았다. 그래서 내가 공부한 것을 기록하자는 마음으로 블로그를 만들었고, 지금 현재 300개 이상의 글을 작성한 블로그가 되었다. 현재 당신의 나이나 IQ, 적성이 어떻든 간에 방향을 잘 잡고 6개월 정도 꾸준하게 공부한다면 누구나 개발자가 될 수 있습니다. 내가 해보고 싶은데, 다른 사람에게서 허락이나 이유를 찾을 필요도 없습니다. 당신이 해보고자 마음먹었으면 열..