꿈꾸는 개발자의 블로그

GitLab에서 GitHub Repository로 프로젝트가 잘 옮겨졌음에도 불구하고 잔디가 안보이는 경우가 있다. 후... 분명 이전에 할 때는 잔디가 잘 보였는데...! 하하 그래도 원인을 찾았다! 문제 원인 원인에는 2가지가 있을 수 있다. 1. Github 사이트에 등록된 Email 계정과 로컬에 설정된 Github config Email이 다른 경우 2. Github Repository에 설정되어 있는 Default branch 문제 문제 해결방법 문제1. Github Email 계정과 로컬 Email 설정이 다른 경우에 동일하게 변경하기 1) Github 사이트 우측 상단에서 Settings 클릭 후 좌측 메뉴의 Emails로 들어가 내용을 확인한다. 2) 터미널에서 git config --l..

컴퓨터 HW의 기본 구성요소 중 하나인 중앙처리장치(CPU)에 대하여 좀 더 자세히 알아보자! CPU의 동작 과정 주기억장치는 입력장치에서 입력받은 데이터 또는 보조기억장치에 저장된 프로그램 읽어온다. CPU는 프로그램을 실행하기 위해 주기억장치에 저장된 프로그램 명령어와 데이터를 읽어와 처리하고, 결과를 다시 주기억장치에 저장한다. 주기억장치는 처리 결과를 보조기억장치에 저장하거나 출력장치로 보낸다. 제어장치는 1~3 과정에서 명령어가 순서대로 실행되도록 각 장치를 제어한다. 이처럼 CPU는 프로그램 실행하기 위해 주기억장치에서 명령어를 순차적으로 인출하여 해독하고 실행하는 과정을 반복한다. CPU가 주기억장치에서 한번에 하나의 명령어를 인출하여 실행하는데 필요한 일련의 활동을 명령어 사이클이라고 말하..

특정 글자에 강조하고 싶은 경우에 사용하면 좋을 것 같다. 나는 아래에서 위로, 하늘색에서 하얀색으로 4:6 비율로 효과를 주었다. 전체 코드 background: linear-gradient(to top, skyblue 40%, white 60%); 결과 화면 참고 사이트 더보기 https://www.codingfactory.net/10838

에러 원인 Object is possibly 'undefined'.ts(2532) 라는 문구로 보듯이 useRef를 사용하면서 타입 지정을 해주지 않아서 오류가 발생했다. 에러 해결방법 import React, { useRef } from "react"; const Test = () => { const router = useRouter() const ref = useRef(); // 타입 지정 const screenHeight = ref.current.clientHeight; return ( ) } export defualt Test;

리액트에서는 되도록 돔탐색을 하지 않는 것이 좋다고 한다. 그래서 useRef를 사용해보았다. 전달하는 대상이 Html 엘리먼트가 아닌 컴포넌트 타입이라면 ref를 전달하기 위해 아래와 같이 사용하는 것이 좋겠다! useRef : HTMLInputElement 요소 받아오기 import useRef React ref를 생성하고 ref 변수에 할당 ref를 JSX 속성으로 지정해서 ref={ref}으로 전달 이러한 과정을 거치면, ref.current는 DOM 노드를 가리키게 된다!! 이전 코드 더보기 import React from "react"; const Test = () => { const handleScroll = () => { const screenHeight = document.querySel..