μλ ,
μ€λ₯ E015μ ν¨κ» React μ±μ νΉμ λΆλΆμ λͺ κ°μ§ λ¬Έμ κ° μμ΅λλ€.
λ€μμ μ€λ₯κ° νμλλ λͺ κ°μ§ νμ λλ€.
<ImagePreview key={el.id} {...el} />
μ€λ₯λ λμ λ³΄λ€ νΌ κΈ°νΈλ‘ νμλ©λλ€.
<div className="panel-footer">
<h5>{this.state.image.description}</h5>
</div>
μ€λ₯λ h5 νκ·Έ λμ μλ λ³΄λ€ νΌ κΈ°νΈλ‘ νμλ©λλ€.
<Link to={"topics/"+e.id} key={e.id} className="list-group-item">
<h4>{e.name}</h4>
<p>{e.description}</p>
</Link>
μ€λ₯λ h4 νκ·Έ λμ μλ λ³΄λ€ νΌ κΈ°νΈλ‘ νμλ©λλ€.
λ²μ 2.9.4κ° μκ³ VS Code λ²μ 1.9λ₯Ό μ¬μ©νκ³ μμ΅λλ€. κ²°κ³Ό λ²λ€ μ½λλ λ¬Έμ μμ΄ μλν©λλ€.
λ΄ μ£Όμλ₯Ό λλ κ²μ μ½λκ° λ€μκ³Ό κ°μ΄ λ³κ²½λλ©΄ μ€λ₯κ° μ¬λΌμ§λ€λ κ²μ λλ€.
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
λκ΅°κ° λμκ² μ΄κ²μ κ΄ν λͺ κ°μ§ μ§μΉ¨μ μ€ μ μκΈ°λ₯Ό λ°λλλ€.
μ΅μμ,
λ‘λλ¦¬κ³ .
JSHintλ JSX ꡬ문μ ꡬ문 λΆμν μ μμΌλ―λ‘ κ³΅μ ν μμ€ μ½λκ° JSHintμ μ 곡λλ μ½λμ κ°μ§ μλ€κ³ μκ°ν©λλ€. κ·Έλ¬λ λꡬ 체μΈμ λν μΆκ° μ§μ μμ΄λ μ΄κ²μ λ§νκΈ°κ° μ΄λ ΅μ΅λλ€. JavaScript μ½λλ₯Ό 곡μ ν μ μλ€λ©΄ μ ν¬κ° λμλ릴 μ μμ κ²μ λλ€.
μλ νμΈμ λΉ λ₯Έ λ΅λ³ κ°μ¬ν©λλ€!!
λ€μμ λμΌν λ¬Έμ λ₯Ό λνλ΄λ λ§€μ° κ°λ¨ν λ°μ λ°μ΄μ€λ¬νλ μ΄νΈμ λλ€.
import React, { Component } from 'react';
export default class App extends Component {
render() {
return (
<div>React simple boilerplate</div>
);
}
}
λ€μμ VS Codeμμ μ΄λ»κ² 보μ΄λμ§ κ·Έλ¦Ό μ λλ€. μ΄κ²μ 보μλ λ°μ κ°μ΄ μμ ν νμΌμ΄λ©° μ€λ₯λ λμΌν©λλ€.
μ΄ μ λ³΄κ° λμμ΄ λκΈ°λ₯Ό λ°λλλ€.
μ΅μμ,
λ‘λλ¦¬κ³ .
JSHint.comμμ ν΄λΉ λμμ μ¬νν μ μμ§λ§ λ³΄κ³ ν μ€λ₯λ
μμλλ. Jshintλ JSX ꡬ문μ ꡬ문 λΆμν μ μμΌλ―λ‘ μ€λ₯λ λ€μκ³Ό κ°μ΅λλ€.
μλͺ»λ JavaScriptλ₯Ό μ¬λ°λ₯΄κ² μλ³ν©λλ€.
νμ§λ§ κ·νμ μ΄κΈ° λ³΄κ³ μκ°
λ€μ μ
λ ₯μ΄ μ€λ₯λ₯Ό μμ±νμ§ μμλ€κ³ λͺ
μνμ΅λλ€.
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
μ΄κ²μ μ ν¨ν JSX κ΅¬λ¬ΈμΌ μ μμ§λ§ μ ν¨ν JavaScriptκ° μλλλ€.
JSHintκ° μ€λ₯λ₯Ό λ³΄κ³ ν κ²μΌλ‘ μμν©λλ€. κ·Έκ²μ΄ λΉμ μ
νΈμ§κΈ°κ° μ½λλ₯Ό μ λ¬νκΈ° μ μ μΌμ’
μ λ³νμ μννκ³ μμ΅λλ€.
JSHintμ ν¨κ». νΈμ§μλμ΄ μ΄λ μ μ§ λͺ°λΌμ λ§μλ리기 μ΄λ ΅λ€μ
JSHintλ₯Ό νΈμΆνλλ‘ κ΅¬μ±λμμ΅λλ€. κ·Έ ν΅ν©μ΄ μ΄λ»κ² μΌμ΄λλμ§ μ‘°μ¬ν μ μμ΅λκΉ?
(μΌλΆ νλ¬κ·ΈμΈμ ν΅ν΄ κ°λ₯) κ·Έλ¬ν λ³νμ΄ μΌμ΄λκ³ μλμ§ νμΈνμκ² μ΅λκΉ? λ§μ½μ
λ°λΌμ μ°λ¦¬κ° λ³΄κ³ μλ μ€λ₯λ μ¬μ ν JSHint μ체μ λ²κ·Έλ₯Ό λ°μν μ μμ΅λλ€.
(νλ¬κ·ΈμΈ λ¬Έμ μΌ μλ μμ).
μ‘°μ¬ν΄λ³΄κ³ μ λ³΄κ° μκΈ°λ λλ‘ λ€μ μ¬λ¦¬κ² μ΅λλ€.
μ΅μμ,
λ‘λλ¦¬κ³ .
@rhernandogμ λν΄ λ§μν΄ μ£Όμκ² μ΅λκΉ?
@jugglinmike μ£μ‘νμ§λ§ μ΄μ κ΄λ ¨λ μμμ΄ μμ΅λλ€.
보μλ€μνΌ νμ₯ νλ‘κ·Έλ¨μ μ μ₯μμμ μ΄μ΄ μμ΄ μΈκΈνμ΅λλ€. μ¬μ€ νμ₯μ κ±°μ 1λ λμ μ λ°μ΄νΈλμ§ μμμΌλ©° 9μ μ΄νλ‘ λ΅λ³λ λ¬Έμ κ° μμκΈ° λλ¬Έμ μ΄μ λν λ΅λ³μ μ»μ μ μμμ§ νμ μ΄ μμ§ μμ΅λλ€. μμ±μλ Neoκ° κ±΄μΆκ°μκ² λ§νλ―μ΄ JSHintλ³΄λ€ ESLint νμ₯μ κ°μ₯ μ€μ μ λ‘λλ€. _λ¬Έμ λ μ νμ λλ€_
μ΄κ²μ μ΄κ±°λ λ«λ κ²μ λΉμ μ μ νμ λλ€. μ΄λ€ κΈ°μ μ μν΄ λ¦¬ν¬μ§ν 리μ λ΅λ³μ΄ μμΌλ©΄ λμμμ λ€μ μ΄κ² μ΅λλ€.
νλ‘μ°ν΄μ£Όμ μ κ°μ¬ν©λλ€.
μ΅μμ,
λ‘λλ¦¬κ³ .
μΆκ° μ λ³΄κ° μμΌλ©΄ μ¬κΈ°μ ν μ μλ μΌμ΄ λ§μ§ μμ΅λλ€. μλͺ»λ νλ¬κ·ΈμΈ λμμ λν μ μ΄λ‘ μ΄ κ°μ₯ νλΉν μ€λͺ μ΄λΌκ³ μκ°ν©λλ€. κ·Έλμ μ λ μ°λ¦¬κ° κ·Έλ μ§ μλ€κ³ μμ¬ν μ΄μ κ° μκΈΈ λκΉμ§ κ·Έ ν΄μμ κΈ°λ°μΌλ‘ μ§ννκ³ μΆμ΅λλ€. λ§μνμ λλ‘ μ μ ν κ²½μ° μ΄ λ¬Έμ λ₯Ό λ€μ μ΄ μ μμ΅λλ€.
λ€μ μ°Ύμμ£Όμ μ κ°μ¬ν©λλ€!
μ΄ λ΅λ³μ΄ λμμ΄ λκΈ°λ₯Ό λ°λλλ€.
λλ κ°μ λ¬Έμ μ μ§λ©΄νλ€. μ¬λ¬ νμ¬ νμ₯μΌλ‘ μΈν΄ λ°μν κ²μΌλ‘ λνλ¬μ΅λλ€.
μλ νμΈμ @jugglinmike , μ λ μ΅κ·Όμ JSHintλ₯Ό μ¬μ©νμ¬ VS Code νμ₯μ λν΄ μμ νμΌλ©° μ΄μ λν΄ λ°ν μ μμ΅λλ€. μ 체 λ¬Έμλ₯Ό νλμ λ¬Έμμ΄λ‘ JSHINT javascript APIμ μ§μ μ λ¬νκ³ μμΌλ©° λ³νμ΄ μνλμ§ μμ΅λλ€. μ½λ
<div className="panel-footer"><h5>
{this.state.image.description}
</h5></div>
μ€λ₯λ₯Ό 보μ¬μ€λλ€. μλ μμ±μμ μλκ° .jsx νμΌμμ μ€ννλ €λ κ²μΈμ§ νμ€νμ§ μμ§λ§ μ루μ μ νμ₯μ΄ νμΌμ ꡬ문 λΆμνκ³ κ΅¬λ¬Έμ jsx λΆλΆμ μλ³νκ³ JSHintμ μ λ¬νκΈ° μ μ 곡백μΌλ‘ λ§λλ κ²μ λλ€. .
λλ κ°μ λ¬Έμ μ μ§λ©΄νκ³ μμ΅λλ€ ... μ΄κ²μ μ²λ¦¬νλ λ°©λ²μ μ λͺ¨λ₯΄κ² μ΅λλ€.
μ¬κΈ°μμλ κ°μ λ¬Έμ μ΄κ±°λ λ¬Έμ κ° μλ μλ μμ΅λλ€.
JSHintλ₯Ό λΉνμ±ννλ©΄ μ΄ λ¬Έμ κ° ν΄κ²°λμμ΅λλ€.
jshintλ₯Ό λΉνμ±ννλ λ°©λ²?
@JuanPabloSilva νμΈ λΆνλ립λλ€.
https://github.com/aurelia/vscode-extension/issues/80#issuecomment -368266942
μ΄ μ€λ₯λ λ무 μ§μ¦λμ jshintλ₯Ό μ¬μ©ν μ μκ² λ§λλλ€. μ΅μν μ΄ ννΈλ₯Ό λΉνμ±ννλ μ΅μ μ΄ μμ΅λκΉ?
μ΄ μ€λ₯λ λ무 μ§μ¦λμ jshintλ₯Ό μ¬μ©ν μ μκ² λ§λλλ€. μ΅μν μ΄ ννΈλ₯Ό λΉνμ±ννλ μ΅μ μ΄ μμ΅λκΉ?
μ μ μΌλ‘ λμν©λλ€ @hiraditya
μ΄ νΉμ jshintλ₯Ό λΉνμ±νν μ μλ μ΅μ μ΄ μμ΄μΌ νμ§λ§ μ 체 νμ₯μ λΉνμ±νν μ μμ΅λλ€.
λ€λ₯Έ vscode ν¨ν€μ§μ μΆ©λνκΈ° λλ¬Έμ jshintλ₯Ό λΉνμ±ννμμμ€.
κ°μ¬ν©λλ€.jshintλ₯Ό μ κ±°νμ΅λλ€.κ·Έλ¬λ©΄ λͺ¨λ κ²μ΄ μ μμ λλ€.
VS Code νμ₯μμ jshint
λ₯Ό μ κ±°νλ©΄ μ΄ λ¬Έμ κ° μ¬λΌμ§λλ€.
κ°μ₯ μ μ©ν λκΈ
JSHintλ₯Ό λΉνμ±ννλ©΄ μ΄ λ¬Έμ κ° ν΄κ²°λμμ΅λλ€.