'프로젝트' 카테고리의 글 목록

프로젝트

로즈마리

2019. 10. 20.

리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리이다. 리덕스 라이브러리는 전역 상태를 관리할 때 굉장히 효과적이다. 리덕스를 사용하면? 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 더욱 효율적으로 관리할 수 있다. 컴포넌트끼리 똑같은 상태를 공유해야 할 때도 여러 컴포넌트를 거치지 않고 손쉽게 상태 값을 전달하거나 업데이트할 수 있다. 단순히 전역 상태 관리만 한다면 Context API를 사용하는 것마능로 충분하지만, 리덕스를 사용하면 상태를 더욱 체계적으로 관리할 수 있다. 코드의 유지 보수성도 높여 주고 작업 효율도 극대화해 주기 때문에 프로젝트의 규모가 클 경우에는 리덕스를 사용하는 편이 좋다. 개념 1. 액션(Action) 상태에 어떠한 변화가 필요하면 액션이란 것이 발..

Go 언어 입문_Method(메소드)

2019. 9. 9.

_메서드(Method) Go 언어는 객체지향 프로그래밍(OOP)을 고유의 방식으로 지원한다. 타 언어의 OOP의 클래스가 필드와 메서드를 함께 갖는 것과 달리 Go 언어에서는 struct가 필드만을 가지며, 메서드는 별도로 분리되어 정의된다. Go 메서드는 특별한 형태의 func 함수이다. 메서드는 함수 정의에서 func 키워드와 함수명 사이에 "그 함수가 어떤 struct를 위한 메서드인지"를 표시하게 된다. 흔히 receiver(리시버)로 불리우는 이 부분은 메서드가 속한 struct 타입과 struct 변수명을 지정하는데, struct 변수명은 함수 내에서 마치 입력 파라미터처럼 사용된다. 예를 들어, 아래 예제는 Rect라는 struct를 정의하고 area() 라는 메서드를 정의하고 있다. fun..

Go 언어 입문_Struct(구조체)*

2019. 9. 6.

_Struct (구조체) Go에서 struct는 Custom Data Type을 표현하는데 사용되는데, Go의 struct는 필드들의 집합체이며 필드들의 컨테이너이다. Go에서 struct는 필드 데이타만을 가지며, (행위를 표현하는) 메서드를 갖지 않는다. Go 언어는 객체지향 프로그래밍(Object Oriented Programming, OOP)을 고유의 방식으로 지원하지만, 전통적인 OOP 언어가 가지는 클래스, 객체, 상속 개념이 없다. 전통적인 OOP의 클래스(class)는 Go 언어에서 Custom 타입을 정의하는 struct로 표현되는데, 전통적인 OOP의 클래스가 필드와 메서드를 함께 갖는 것(Java에서의 getter, setter)과 달리 Go 언어의 struct는 필드만을 가지며, 메..

Go 언어 입문_함수*

2019. 9. 6.

Go에서 함수는 func 키워드를 사용하여 정의한다. func 뒤에 함수명을 적고 괄호 ( ) 안에 그 함수에 전달하는 파라미터들을 적게 된다. 함수 파라미터는 0개 이상 사용할 수 있는데, 각 파라미터는 파라미터명 뒤에 int, string 등의 파라미터 타입을 적어서 정의한다. 함수의 리턴 타입은 파라미터 괄호 ( ) 뒤에 적게 된다. 간다한게 함수를 정의하고 호출해보자. 단, Go 언어를 함수를 정의했을 때, 시작한 줄에서 { (여는 중괄호)를 다음 줄에 작성하면 컴파일 에러가 발생한다. func 함수명() {} package main func main() { msg := "Hello, World!" say(msg) } func say(msg string) { println(msg) //Hello,..

[Angular2] 환경구성

2019. 9. 3.

_Overview Angular의 구조는 Component/Service 아키텍처를 기반으로 한다. AngularJS(Angular1)는 ModelView Controller 기반으로 했다. _TypeScript ES6 언어(Ecma Script) Javascript는 ES5 이하 언어이며, Typescript는 Javascript를 포함한다. TypeScript는 Javascript로 변환(trans compile)해야하며, type 유효성을 검사한다. Node.jsㄹ르 사용해서 angular2를 javascript로 변환하는 작업을 한다. ■ Interpereter 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다. Javascript Engine은 Javascript로..

Go 언어 입문_변수

2019. 9. 2.

Go 언어에서 변수를 선언하는 방법은 var 키워드를 사용하는 방식과 자료형을 생략하는 방식 두 가지가 있다. var 변수명 자료형 var i int var s string var _study string = "go" var age int = 28 var name string = "eun" 다른 컴파일 언어와는 달리 자료형이 변수명 뒤에 온다. 그리고 변수명은 문자와 숫자로 이루어진다. 단, 문자 또는 _ (밑줄 문자)로 시작해야 하며 숫자로 시작할 수 없다. 예를 들어 24hours 같은 변수는 선언할 수 없다. 자료형을 생략하면 변수의 자료형은 대입하는 값의 자료형으로 결정된다. 단 자료형을 생략할 때는 반드시 초깃값을 대입해야 한다. var name = "eun" var age = 28 var _s..

Go 언어 입문

2019. 9. 2.

Go 프로그래밍 언어의 특성 Go는 전통적인 컴파일, 링크 모델을 따르는 범용 프로그래밍 언어이다. Go는 일차적으로 시스템 프로그래밍을 위해 개발되었으며, C++, Java, Python의 장점들을 뽑아 만들어졌다. C++와 같이 Go는 컴파일러를 통해 컴파일되며, 정적 타입 (Statically Typed)의 언어이다. 또한 Java와 같이 Go는 Garbage Collection 기능을 제공한다. Go는 단순하고 간결한 프로그래밍 언어를 지향하였는데, Java의 절반에 해당하는 25개의 키워드만으로 프로그래밍이 가능하게 하였다. Go 언어는 빠른 성능, 안정성, 편의성, 쉬운 프로그래밍을 목표로 개발되었으며 범용 프로그래밍 언어이다. Go 언어의 큰 특징은 다음과 같다. 정적 타입, 강 타입 컴파일..

jteeuwen/go-bindata

2019. 6. 24.

angular2를 이용했을 경우 웹소스를 하나로 묶어 bindata.go 바이너리 파일을 만들고, 서버소스.go + bindata.go 묶어 binary 파일이 생성된다. 1. Installation To install the library and command line program, use the following: go get -u github.com/jteeuwen/go-bindata/... ##또는 go install vendor/github.com/jteeuwen/go-bindata/go-bindata ##src/vendor/github.com/jteeuwen/go-bindata 확인 2. Path prefix stripping The keys used in the _bindata map, a..

[Angular] Component

2019. 2. 5.

▣ ng new {project} Angular 5를 사용한 개발의 주요 부분은 Components에서 수행된다.Components는 기본적으로 브라우저에 표시되는 구성 요소의 .html 파일과 상호 작용하는 클래스이다.파일 구조에는 app 구성 요소가 있으며 다음 파일로 구성된다.app.component.cssapp.component.htmlapp.component.spec.tsapp.component.tsapp.module.ts 위의 파일은 angular-cli 명령을 사용하여 새 프로젝트를 만들 때 기본적으로 만들어졌다.app.module.ts 파일을 열면 가져온 라이브러리와 app component에 다음과 같이 지정된 선언문이 있다. import { BrowserModule } from '@an..

[Mac] Nginx 설치 및 설정

2019. 2. 3.

1. Nginx란?Nginx는 웹 서버 소프트웨어로, 가벼움과 높은 성능을 목표로 한다.Nginx는 요청에 응답하기 위해 비동기 이벤트 기반 구조를 가진다. 이것은 아파치 HTTP 서버의 스레드/프로세스 기반 구조를 가지는 것과는 대조적이다. 1. 설치 $ brew install nginx 2. Nginx.conf 설정 $ vi /usr/local/etc/nginx/nginx.conf #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024;..

[Mac] Mysql 설치

2019. 2. 2.

처음에 설치를 잘못했는지, mysql 실행 시 아래의 에러가 나서 계속 끙끙거렸다. ㅠㅠ구글을 통해 여러가지 시도 끝에 해결! Access denied for user 'root'@'localhost' (using password: NO) 1. mysql과 관련된 디렉토리 및 파일들을 모두 지우고, Mysql을 재 설치한다. $ sudo rm -rf /usr/local/Cellar/mysql $ brew cleanup $ sudo rm -rf /usr/local/var/mysql $ brew install mysql $ sudo chown -R _mysql:mysql /usr/local/var/mysql $ brew install mysql ==> Downloading https://homebrew.bi..

로즈마리

티스토리툴바