Ref 사용하기 React에서는 일반적으로 DOM 요소에 id를 달지 않는다. > id를 달아버리면 컴포넌트를 여러번 사용할때 id가 겹치는 문제가 발생할 수 있다. 하지만, React에서는 항상 답을 찾습니다. DOM 내부에 이름을 별개로 달아주는 방법이 있고 그게 ref개념입니다. ref를 설정해주는 방법은 기본적으로 콜백함수를 작성하는 것이다. 콜백함수 사용예시는 아래와 같다. 이런식으로 작성하면 된다. 여기서 this.input은 input요소의 DOM을 가리킨다. ref의 이름은 this.legend처럼 마음대로 작성/지정할 수 있다. createRef를 통한 ref설정 ref를 만드는 또 다른 방법은 리액트에 내장되어 있는 createRef라는 함수를 사용하는 것이다. 이 함수를 사용하는 방법의 예제 코드를 보자. 예제가 짧은 편이라서 전부 작성해봤는데 이를 보면 간단히 확인할 수 있다. input을 React.createRef();

자바스크립트 표현 React 에서 사용하는 JSX는 DOM요소를 단순히 렌더링 하는 기능 외에도 자바스크립트 표현식을 쓸 수 있다. 아래의 예시를 보자 let/ var/ Const let 은 동적인 값을 담을 수 있는 변수를 선언할 때 사용하는 키워드입니다. const는 한번 지정하고 나면 변경이 불가능한 상수를 선언할 때 사용하는 키워드입니다. var키워드는 scope(해당 값을 사용할 수 있는 코드영역)가 함수 단위입니다. 내부에서 사용되는 a와 외부에서 선언된 a는 값이 다른 것을 알 수 있다. 편하게 생각하면 기본적으로 변수는 let을, 나머지는 const를 사용하면된다. JSX 내부에서 자바스크립트 표현식은 if문을 쓸 수 없다. 하지만, 조건에 따라 렌더링 내용을 바꾸고 싶다면 삼항연산자를 쓰면 가능하다. 그리고 &&연산자와 ||연산자도 이용할 수 있다. Undefined 값이 undefined 인 경우에 이를 리턴해서 렌더링하

Go 메서드(Method) GO 언어는 객체지향 프로그래밍(OOP)을 고유의 방식으로 지원하는데, 타 언어와는 달리, GO 언어에서는 struct만 필드를 가지고, 메서드는 별도로 분리되어 정의된다. >Go의 메서드는 특별한 형태의 func 함수이다. go는 func 키워드와 함수명 사이에 '그 함수가 어떤 struct를 위한 메서드인지'를 표시하게 된다. receiver로 불리며, struct type과 변수명을 지정하는데, 이 변수명이 입력 파라미터처럼 사용된다. 아래에 예시가 있다. width와 height 가 있는 Rect struct가 있고, 그 아래에 메소드가 있다. 을 보면, 직접 해당 구조체의 변수에서 로 직접 호출하는 것을 볼 수 있다. Value receiver는 struct의 데이타를 복사(copy)하여 전달하며, 포인터 receiver는 struct의 포인터만을 전달한다. Value receiver의 경우 만약 메서드내에서 그 struct의

map 초기화 map의 경우 그냥 단순히 아래의 코드처럼 사용하면 에러가 발생한다. map은 초기화가 필요하기 때문에 에러가 발생한다. 위와 같이 {}를 붙여서 초기화된 map을 변수로 할당하는 방법과, make()함수(map을 만들어주는 함수)를 사용해주는 방법이 있다. Goroutines 매우 중요한 개념으로, 프로그램을 더욱 빠르고 멋지게 만들어주는 방법이다. 파이썬에서 많이 보아왔듯, 코드를 한번에 한 줄만 실행하지만, GO에서는 같이 동시에 실행할 수 있다. 단순히 실행할 함수 앞에 go만 붙여주는 것으로 수행할 수 있다. 주의할 점도 있다. >main function이 살아있는 동안만 go-routine이 유지된다. Go-routine을 통해서 여러개의 함수를 동시에 실행할 때, 어떻게 응답을 받을 것인가? 이는 channel을 통해서 가능하다. Channel Channel은 손쉽게 만들 수 있다. 위와 같이 손쉽게 만들 수 있고, t

go의 syntax 정리 For > go는 모든 loop를 for 하나로 한다. for에서는 C에서의 문법과 동일하게 사용하는 방법이 있고, range를 사용하는 방법이 있다. 아래의 코드에 간단한 예시로 덧셈을 나타냈다. 주석처리되어 있는 부분이 for문에서 range를 활용하는 방법이다. range를 활용하면, index와 실제 value를 같이 리턴받을 수 있다. for문을 활용해서 쉽게 하는 방법이 있는 것. 그 외에도 몇가지 문법을 추가하면, _를 쓰게 되면 해당 variable을 그냥 무시하겠다는 뜻으로 쓰인다. 즉, range를 활용해서 return 받은 index를 그냥 사용하지 않겠다고 선언한 것이다. If 문 > Go에서는 If 문 내부에 variable 선언이 가능하다. 위의 함수에서 보면, python처럼 콜론(:)을 붙여주거나 할 필요가 없다. 그냥 바로 조건을 쓰고 {} 만 열어주면 바로 사용이 가능하다. 그리고 if내부에서