ํ์ฌ ํ
ํ๋ฆฟ์ JSX ๊ตฌ๋ฌธ์ด๋ฉฐ ๋ชจ๋ {๊ฐ ๊ตฌ๋ฌธ ๋ถ์๋์ด ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ณ ๋ชจ๋ ๊ตฌ์ฑ์ด { ๊ธฐํธ๋ฅผ ๋์ฒดํฉ๋๋ค.
๋ฌธ์์์ ์ฐพ์ง ๋ชปํ์ต๋๋ค. ๋ด๊ฐ ์ถฉ๋ถํ ์กฐ์ฌํ์ง ์์๋์ง๋ ๋ชจ๋ฅธ๋ค.
// such
style={{ textAlign: 'right' }}
render() {
return (
<Form
className="ant-advanced-search-form"
onSubmit={this.handleSearch}
>
<Row gutter={24}>{this.getFields()}</Row>
<Row>
<Col span={24} style={{ textAlign: 'right' }}>
<Button type="primary" htmlType="submit">Search</Button>
<Button style={{ marginLeft: 8 }} onClick={this.handleReset}>
Clear
</Button>
</Col>
</Row>
</Form>
);
}
๋ด๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ์ดํดํ๋ค๋ฉด ํธ๋ค๋ฐ ๊ตฌ๋ฌธ์ {{expression}}
์์ [[expression]]
๋๋ ^&expression&^
์ ๊ฐ์ ๋ค๋ฅธ ํ๊ทธ๋ก ๋ณ๊ฒฝํ๊ธฐ๋ฅผ ์ํ์ญ๋๊น?
์ ๋ ํ๋ก์ ํธ์ ๊ธฐ์ฌํ ์ฌ๋์ ์๋์ง๋ง ํธ๋ค๋ฐ๊ฐ lex์ yacc๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ ๋๋ค.
https://github.com/wycats/handlebars.js/blob/master/src/handlebars.l
์ด๊ฒ์ lex ํ์ผ์ด๋ฉฐ ํ์(yacc)์์ ์ฌ์ฉํ๊ธฐ ์ํด ํ
์คํธ๋ฅผ ํํ ๊ธฐํธ๋ก ๋ณํํฉ๋๋ค. ํธ๋ค๋ฐ์ ์ผ์นํ๋ ๋ฌธ์๋ฅผ ๋ณ๊ฒฝํ๋ ค๋ฉด ์ ๊ท์์์ ์ ์ ํ {{
๋ฐ }}
์ธ์คํด์ค๋ฅผ ์ํ๋ ๊ตฌ๋ฌธ์ผ๋ก ๋ฐ๊ฟ์ผ ํฉ๋๋ค.
์ด ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ lex
๋ฐ yacc
๊ตฌ๋ฌธ์ด ๋ฌด์์ธ์ง ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ผ๋ฐ์ ์ผ๋ก ์๋ก ๋งค์ฐ ์ ์ฌํฉ๋๋ค. ์์ฆ ๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ๊ตฌํ์ flex ๋ฐ byacc ๋ผ๊ณ ์๊ฐํฉ๋๋ค.
๋ด๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ์ดํดํ๋ค๋ฉด ํธ๋ค๋ฐ ๊ตฌ๋ฌธ์
{{expression}}
์์[[expression]]
๋๋^&expression&^
์ ๊ฐ์ ๋ค๋ฅธ ํ๊ทธ๋ก ๋ณ๊ฒฝํ๊ธฐ๋ฅผ ์ํ์ญ๋๊น?์ ๋ ํ๋ก์ ํธ์ ๊ธฐ์ฌํ ์ฌ๋์ ์๋์ง๋ง ํธ๋ค๋ฐ๊ฐ lex์ yacc๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ ๋๋ค.
https://github.com/wycats/handlebars.js/blob/master/src/handlebars.l
์ด๊ฒ์ lex ํ์ผ์ด๋ฉฐ ํ์(yacc)์์ ์ฌ์ฉํ๊ธฐ ์ํด ํ ์คํธ๋ฅผ ํํ ๊ธฐํธ๋ก ๋ณํํฉ๋๋ค. ํธ๋ค๋ฐ์ ์ผ์นํ๋ ๋ฌธ์๋ฅผ ๋ณ๊ฒฝํ๋ ค๋ฉด ์ ๊ท์์์ ์ ์ ํ
{{
๋ฐ}}
์ธ์คํด์ค๋ฅผ ์ํ๋ ๊ตฌ๋ฌธ์ผ๋ก ๋ฐ๊ฟ์ผ ํฉ๋๋ค.์ด ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋
lex
๋ฐyacc
๊ตฌ๋ฌธ์ด ๋ฌด์์ธ์ง ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ผ๋ฐ์ ์ผ๋ก ์๋ก ๋งค์ฐ ์ ์ฌํฉ๋๋ค. ์์ฆ ๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ๊ตฌํ์ flex ๋ฐ byacc ๋ผ๊ณ ์๊ฐํฉ๋๋ค.
๋ค, ๊ทธ ์๋ฏธ์
๋๋ค. ๋ง์ํ์ ๋๋ก ์ธ๋ถ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ๋ ๋์ ์์ค ์ฝ๋๋ฅผ ์์ ํด์ผ ํฉ๋๋ค.
Mustache๋ ์ ์ฌํ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋ด ํํธ์๋ ์์ด ๋ฒ์ญ ์ํํธ์จ์ด๋ฅผ ์ฉ์ํด ์ฃผ์ญ์์ค.
{{
๋ฐฑ์ฌ๋์๋ฅผ ์ฌ์ฉํ์ฌ \{{
์ด์ค์ผ์ดํํ ์ ์์ง๋ง ๋ฌธ์๋ฅผ ์์ ํ ๋ณ๊ฒฝํ ์ ์๋ ๋ฐฉ๋ฒ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
{{
๋ฐฑ์ฌ๋์๋ฅผ ์ฌ์ฉํ์ฌ\{{
์ด์ค์ผ์ดํํ ์ ์์ง๋ง ๋ฌธ์๋ฅผ ์์ ํ ๋ณ๊ฒฝํ ์ ์๋ ๋ฐฉ๋ฒ์ ์์ต๋๋ค.