개발일기

Go에서 변수 선언을 할 때, 변수 선언 키워드로 var와 const를 사용한다. 단 두가지의 키워드만 사용한다. var : 값을 변경할 수 있는 일반 변수로 선언한다. const : 변수를 상수로 선언한다. var test int = 10 Go에서 변수를 선언할 때, var 또는 const 키워드 뒤에 변수명이 오게 된다. 변수명 뒤에는 해당 변수의 타입을 나타낸다. 초기값은 10으로 할당하였다. var test1, test2, test3 int test1, test2, test3 이라는 여러개의 변수를 선언할 때, 변수 타입이 int 정수형으로 동일할 경우 다음과 같이 변수명을 나열하고 변수타입은 한 번만 사용하여 변수 선언을 할 수 있다. var test1, test2, test3 int = 10,..

0. 리눅스의 사용자 관련 특징 리눅스는 여러 명의 사용자에게 서비스를 제공해주는 특징을 가진 OS이다 Multi User : 여러 명의 사용자가 네트워크를 통해 하나의 컴퓨터에 접속하여 공동으로 사용할 수 있다. 이를 통해 각 사용자별 권한과 자원관리를 할 수 있다. MultiTasking : 각 사용자들은 다른 사용자들의 작업이 끝날 때 까지 기다리지 않고도 각자의 작업을 진행할 수 있다. 1. 사용자 추가 useradd [options] 사용자명 # 기본 형태 useradd apple # apple이라는 사용자를 만든다 (옵션을 추가하지 않고 apple이라는 사용자를 생성하였다) -m : 사용자의 홈 디렉터리를 생성한다 useradd -m apple # 홈 디렉터리를 apple로 가지는 apple이..

React Hook 중에는 useEffect라는 Hook이 존재한다. useEffect란 리액트에서 기본적으로 제공해주는 함수로써, useEffect함수가 포함된 컴포넌트가 처음 마운트되거나 컴포넌트가 리렌더링 될 때, 또는 선언된 변수의 값이 변경되거나 redux store의 값이 변경될 때 실행할 구문들을 정의해놓은 함수이다. 0. useEffect import방법 import { useEffect } from 'react'; react가 설치되어있으면 추가적으로 설치할 것 없이 위와같이 파일 상단에 추가하면 useEffect를 손쉽게 사용할 수 있다. 1. useEffect의 기본 형태 useEffect(() => { ... // 실행할 내용들 }); useEffect의 기본 형태는 위와 같다. 위..

useEffect를 사용할 경우, 메모리 누수가 발생하였다면서 다음과 같은 에러문구가 콘솔창에 나오는 것을 종종 확인할 수 있다. Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function 이 경우는 useEffect를 사용했을 때, cleanup function을 반환하지 않았기 때문에 발생하는 오류이다. 다음과 같이 cleanup function을 추가하면 에러가 사라지는 ..

Route exact와 Switch의 간단 정리 위의 소스코드를 바탕으로 경로를 / 로 이동할 경우 Main, Water, Juice 컴포넌트 3개가 전부 렌더링된다. Route는 경로가 부분적으로 일치하는 컴포넌트도 렌더링하는 특성을 가지고 있기 때문이다. 의도치 않은 렌더링을 위해 exact를 사용한다. / 경로로 이동할 경우 Main컴포넌트만, /water 경로로 이동할 경우 Water 컴포넌트만, /juice 경로로 이동할 경우 Juice 컴포넌트만 렌더링되게 된다. 즉, 경로가 완벽히 일치하는 컴포넌트만 렌더링 하게된다.

1. react-router-dom 설치 npm install react-router-dom yarn add react-router-dom React에서 route기능을 사용하려면 우선적으로 react-router-dom을 설치해야 한다. 2. import 부분 import { Route, Router, Switch, Link } from 'react-router-dom'; 라우트 기능을 사용할 때 많이 사용되는 4가지 모듈을 불러온다. Route path : 주소창의 경로를 지정한다. exact : 주소창의 경로와 완벽하게 일치할 때, 이 라우트의 컴포넌트를 보여준다는 의미한다. component : 보여줄 컴포넌트를 의미한다. Route 컴포넌트는 path옵션을 통해 주소창의 주소와 일치하는 컴포넌트..

React routet 설치법 npm install react-router-dom yarn add react-router-dom HashRouter 주소에 해쉬태그가 붙는다(#) -> index.html에서 index.html# 처럼 뒤에 붙는다. BrowserRouter와는 다르게 새로고침하여도 에러가 발생하지 않는다. 검색 엔진이 찾지를 못한다. 주로 정적인 페이지에서 사용된다. // HashRouter로 감싸주어 사용한다. BrowserRouter 태그를 통해 to 속성에 이동할 경로를 추가하여 이동시킨다 새로고침하면 경로를 찾지 못해 에러가 발생한다. HTML5 History API를 사용한다. 주로 동적인 페이지에서 사용된다. 메인 페이지 // BrowserRouter 감싸주어 사용한다. 두 라..

1. 공식 홈페이지 이용하기 https://go.dev/dl/ Downloads - The Go Programming Language Downloads After downloading a binary release suitable for your system, please follow the installation instructions. If you are building from source, follow the source installation instructions. See the release history for more information about Go releases go.dev Go 공식 홈페이지에서 OS에 따라 msi, pkg 파일을 다운하여 설치할 수 있다. 2. Choco 사용..