<a href="#goAnchor">타이틀</a>

# Cannot resolve anchor #goAnchor
# Inspection info: Reports an unresolved last part of an URL after the # goAnchor.

위와 같이 작성했을때, 

아래와 같은 Warning 이 뜨는 경우가 있다.

Cannot resolve anchor #goAnchor
 Inspection info: Reports an unresolved last part of an URL after the # goAnchor.

이 스타일의 앵커는 거의 모든 브라우저에서 유효하지만 IntelliJ 에서는 warning 이 뜬다고한다.

이럴땐 간단하게 {} 로 감싸주면 해결된다.

<a href={"#goAnchor"}>타이틀</a>

Mac 사용중에 갑자기 트랙패드 제스쳐가 안먹힐 때가 있다.

그럴땐 당황하지말고, terminal에 

~ killall Dock

error

ESLint: Expected property shorthand.(object-shorthand)

object-shorthand

명령 행 의 --fix 옵션은 이 규칙에 의해보고 된 일부 문제를 자동으로 수정할 수 있습니다.

개체 리터럴에 대한 메서드 및 속성 단축 구문이 필요하거나 허용하지 않습니다.

ECMAScript 6은 객체 리터럴 메소드 및 속성을 정의하기위한 간결한 양식을 제공합니다. 이 구문을 사용하면 복잡한 객체 리터럴을 훨씬 깔끔하게 정의 할 수 있습니다.

다음은 ES5 구문을 사용하는 몇 가지 일반적인 예입니다.

// properties
var foo = {
    x: x,
    y: y,
    z: z,
};

// methods
var foo = {
    a: function() {},
    b: function() {}
};

링크

# error) is defined but never used

jsx로 처리되는 변수들은 shadowing 돼서 eslint가 찾아내지 못한다.

그래서 다음과 같은 에러가 발생하기도 한다.

error 'todo' is defined but never used no-unused-vars

이럴 경우 간단하게 에러가 나는 줄 옆에 아래 주석을 달아서 해결할 수 있다.

# 티스토리에 code pen 불러오기

▶ code pen에 계정 생성 및 로그인 후 코드를 작성한다.

▶ 코드 작성 후 

1. save 하기

2. embed 클릭

▶   1. 테마 설정 가능

2. 사이즈 조절 가능

3. iframe을 클릭하여 나온 코드를 복사

▶ 티스토리(및 기타 블로그) 에디터의 외부컨텐츠(혹은 html)를 선택 후

▶ 위에서 복사한 소스를 붙여넣고 확인을 누른다.

▶ 간단하게 code pen의 소스를 불러올 수 있다. 끝

ex)