본문 바로가기

분류 전체보기

 (308)
[React] 자식이 부모에게 - 콜백 이용 - (2) # 블로그 좀 살피다가 자식 => 부모로 보내는 부분을 잘못 설명 한거 같아 추가 설명 하고자 함. # props를 함수로 이용한다고 보기보다 콜백을 이용하여 props를 전달 한다는게 더 맞는 표현 같음. 일반적으로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달해야 할 경우에는 콜백 함수 (Callback Function)을 사용하게 됩니다. 다음은 콜백 함수를 통해 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하는 예시입니다 // 부모 컴포넌트 import React, { useState } from 'react'; import ChildComponent from './ChildComponent'; const ParentComponent = () => { const [messageFromChild..
[백준] 백준 풀 문제 정리 코테를 오래동안 방치해두니 감이 떨어진거 같아... 남들이 풀라고 추천 해놓은거 하루마다 풀려고 저장해놓은 저장용 게시물. 푼거 간단하게 정리해서 최신화 할려고 한다. 매우 어렵다고 느껴진 문제는 따로 게시물로 올릴 예정!! 백준 10816 : 숫자 카드2 : 딕셔너리 활용 백준 1439 : 뒤집기: 그리디 문제 - 두가지 상황을 고려해서 풀면 쉽게 풀린다 백준 10799 : 이전에 품 백준 1992 : 이전에 품 백준 9012 : 이전에 품 백준 2447 : 이전에 품 백준 10101 : 삼각형 외우기: 매우 쉬운 구현문제 백준 14503 : 로봇청소기: 난이도 있는 구현문제 또는 DFS로 풀 수 있음 백준 3040 : 백설공주와 일곱난쟁이: 완전탐색 문제. 경우의 수로 풀 생각을 해보자 백준 1140..
[코딩 테스트] 코테후기 총 5문제가 나왔고, 3번문제가 무언가 이상해서 시간이 끌렸다. 4,5 번을 못풀었는데 4번은 시간이 종료 됬고, 결국에는 나중에 시간을 들여서 풀이했다. 문제는 1, 3, 7, 26, 94, 259 그램의 무게추가 있을 때 인풋으로 290같은 숫자가 주어질때 0을 기준으로 무게가 같게하는 리스트배열을 출력하는 문제이다. 풀이 코드는 아래와 같다. 짧게 설명하면 left, right로 나누고 left에 인풋으로 주어지는 target 값을 집어 넣고 시작한다. 무게추를 큰그램부터 순회하면서 현재무게추값 + 오른쪽 과 왼쪽무게들의 합을 비교 왼쪽이 더크다면 오른쪽에 무게를 추가한다 반대의 상황이라면 왼쪽에 추가한다. 단, 왼쪽에 추가할때 왼쪽의 합이 나머지 남은 무게추들의 합 + 오른쪽의 전체 합보다 크면 ..
[Vscode] vscode ls-al 관련 오류 문제 해결 방안 vscode 터미널을 ㅇ녀다 teminal 부분에 powershell를 bash로 바꿔준다. 3. ls -al 같은 bash 터미널에서 제공해주는 명령어들이 잘알아먹을 것이다.
[Git] git ssl 인증 관련 오류, 깃허브 저장소 디렉터리 모양 <- 오류 문제 해결 방안 git clone시 ssl 인증 관려 오류를 해결하는 방법 => 인증을 안하게 설정해서 clone git config --global http.sslVerify false GitHub 디렉토리 화살표 표시 -> 폴더 접근 불가능 githun를 init 하면 알다시피 루트 디렉토리에 .git이 생성된다. 그런데 내가 만들 파일중에 .git이 존재한다면 다음과 같은 문제가 발생한다. 결론적으로 .git을 제거후 다시 커밋, 푸쉬하면 된다. "khs-test-dir" 라는 디렉터리 접근 불가능한 상태로 디렉토리에 들어갔다고 해보자. $ rm -rf .git 로 해당 위치의 .git을 제거 rm -rf .git $ git rm --cached . -rf "{-> 표시가 된 파일 삭제 및 commit 캐시도 삭제..
[Next.js] SSR, ISR 그리고 Link, Image SSR을 통한 페이지 구현 import React from "react"; import { GetServerSideProps, NextPage } from "next"; import Head from "next/head"; type SSRProps = { message: string; }; const SSR: NextPage = (props) => { const { message } = props; return ( 이 페이지는 서버 사이드 랜더링을 통해 접근 시에 서버에서 그려진 페이지입니다. {message} ); }; export const getServerSideProps: GetServerSideProps = async ( context ) => { const timestamp = new Date..
[Next.js] Next.js 랜더링 방법 - SSG Next.js에서는 다양한 렌더링 방법을 제공합니다. 다음은 Next.js에서 사용할 수 있는 주요한 4가지 렌더링 방법입니다 Static Generation (정적 생성) getStaticProps와 함께 사용됩니다. 빌드 시점에 페이지를 사전 렌더링하여 정적인 HTML 파일을 생성합니다. 최초 접속 시에는 사전 렌더링된 HTML이 제공되고, 이후 클라이언트 측에서는 정적 파일을 재사용합니다. 정적 페이지에 적합하며, 자주 변경되지 않는 컨텐츠에 사용됩니다. Server-side Rendering (서버 사이드 렌더링) getServerSideProps와 함께 사용됩니다. 각 요청마다 서버에서 페이지를 렌더링합니다. 매 요청마다 데이터를 가져와서 페이지를 동적으로 생성합니다. 매번 최신 데이터가 필요하..
[Git] fatal: 'git status --porcelain=2' 해결 방법 어떤 파일이 소실 되었을 경우 이런 문제가 발생한다. 해결 방법1 rm -f .git/index git reset 해결 방법2 문제가 되는 파일을 따로 복사하고, 해당 위치에서 삭제한다음 다시 추가하면 되기도 했다. 출처: https://stackoverflow.com/questions/47109232/git-fatal-unknown-index-entry-format
728x90

티스토리툴바