Programming Language(119)
-
[Go] Go 언어 조건문(if, switch) 정리
■ Go 언어 조건문 if문과 switch문 많은 프로그래밍 언어에서 활발하게 사용되고 있는 조건문이다. Go언어라고 해서 크게 다르지 않으니 가벼운 마음으로 확인해보길 바란다. ■ IF문 1. if 문 if문에는 단일 if문과 if..else문 if...else if...else문이 있다. 이번에는 두가지 조건으로 작업을 처리할 수 있는 if...else문을 통해서 정리를 하려고 한다. 단일 if문 또는 if...else if...else문도 if...else문을 충분히 이해한다면, 사용하는데 크게 어려움이 없을거라고 생각한다. 예시) 나이가 20세이상일 경우 '성인', 20세 미만일 경우 '미성년자' 를 출력하시오. // 임의로 나이를 20세로 지정 age := 20 if age >= 20 { fmt..
2021.01.15 -
[GO] Go 언어 반복문(for) 정리
■ Go 언어 반복문 Go 언어는 다른 프로그래밍 언어(Java, Python,..)들과는 달리 반복문의 형식이 한가지이다. 그것은 바로 for 문이다. 이번에는 for에 사용방법에 대해 알아본다. 1. 기본 for 문 많은 프로그래밍 언어에서 많이 사용하는 방법으로써 Java를 사용해봤던 개발자라면 익숙한 방법이다. 예시) 0 부터 10미만까지의 숫자를 출력하시오. for i := 0; i < 5; i++ { fmt.Println(i) } /* ※ 출력 결과 0 1 2 3 4 */ 2. range를 활용한 for 문 python의 for ... in range() 와 유사한 방법이며, Python을 사용해봤던 개발자라면 익숙한 방법이다. 예시) 10부터 15미만까지의 숫자와 인덱스를 출력하시오. // ..
2021.01.15 -
[Go] Go 언어 개발 환경 구축
1. Go 설치 사이트로 이동 The Go Programming Language Download Go Binary distributions available for Linux, macOS, Windows, and more. // You can edit this code! // Click here and start typing. package main import "fmt" func main() { fmt.Println("Hello, 世界") } Hello, World! Conway's Game of Life Fibonacci golang.org 2. Go 설치 진행 'Download Go' 버튼 클릭 Go 개발 환경을 진행하는 OS에 맞게 설치(필자의 경우 윈도우로 진행) 주의 사항!!!!! Go의 경우..
2021.01.13 -
[React JS] 스토리북(react-storybook) 활용
■ 스토리북 스토리북은 비주얼 테스트를 위한 도구이며, 화면을 구성하는 컴포넌트들을 독립적으로 관리하고 변화를 테스트해 볼 수 있다. ■ 스토리북 활용 1. 스토리북 설치 프로젝트의 루트 폴더로 이동 명령어 실행 package.json에 자동으로 스토리북이 추가된걸 확인 > yarn add -dev @storybook/react@5.2.6 2. package.json에 스토리북 실행 명령어 추가 package.json의 script 블록에 npm 또는 yarn으로 실행할 명령어를 추가 storybook 명령어가 스토리북 서버를 9001 프토를 통해 실행시킬 수 있도록 설정 * package.json의 script블록은 리액트 서버를 구동하는 명령어인 yarn start와 같이 실행할 명령어를 정의하는 공..
2021.01.12 -
[React JS] 컴포넌트의 생명주기
■ 컴포넌트의 생명주기 컴포넌트의 생명주기는 컴포넌트의 생성부터 소멸까지의 과정을 의미하며, 생명주기 함수는 리액트 엔진에서 자동으로 호출되며, 각 함수의 기능을 이해하면 컴포넌트를 효율적으로 활용할 수 있다. ■ 생명주기 함수 1) constructor(props) 함수 컴포넌트가 생성될 때 한 번만 호출되며, 상태를 선언할 때 사용된다. constructor 함수를 정의할 때는 항상 super 함수를 가장 상위에 호출해야 한다. * super 함수는 프로퍼티와 생명 주기 상태 등을 초기화하는 과정을 포함하고 있다. 2) static getDerivedStateFromProps(props, state) 함수 getDerivedStateFromProps 함수는 정적 함수이다. 따라서 함수 안에서 this..
2021.01.06 -
[React JS] 디바운스와 스로틀 정리
■ 디바운스 내용을 입력하다가 특정 시간 동안 대기하고 있으면 마지막에 입력된내용을 바탕으로 서버 요청을 하는 방법이다.구글의 검색창을 떠올리면 이해하는데 도움이 된다.검색창에 입력을 하다가 입력을 멈추면 검색창 하단에 연관 검색어가 나오는 것이 디바운스로 구현한 기능이다. 예시) ■ 스로틀 페이스북의 타임라인 기능으로 이해하기 쉽다. 스크롤을 내리는 동안 계속해서 다음 내용이 출력되는 무한 스크롤 기능이다. 예시)
2021.01.05