10. DOM
· β˜• 3 min read
DOM 을 λ…Έλ“œμ˜ 계측 ꡬ쑰둜 이해 λ‹€μ–‘ν•œ λ…Έλ“œ νƒ€μž… λΈŒλΌμš°μ €λ“€ κ°„μ˜ λΉ„ν˜Έν™˜μ„±μ„ μš°νšŒν•˜λŠ” DOM μ½”λ”© 1. λ…Έλ“œμ˜ 계측 ꡬ쑰 HTML κ³Ό XML λ¬Έμ„œλŠ” λͺ¨λ‘ DOM 을 톡해 λ…Έλ“œμ˜ 계측 ꡬ쑰둜 ν‘œν˜„ κ°€λŠ₯

2019λ…„ 회고
· β˜• 8 min read
μ΄μ „μ—λŠ” μƒκ°λ§Œ ν•˜κ³  λ‚¨κ²¨λ’€λ˜ 것듀을 λΈ”λ‘œκ·Έλ₯Ό λ§Œλ“€κ³  λ‚˜λ‹ˆ 써봐야 κ² λ‹€λŠ” 생각이 λ“€μ—ˆλ‹€. κ·Έλ ‡κ²Œ ν•˜μ—¬ μ΄λ²ˆμ—λŠ” 2019λ…„μ˜ 생각을 λ‚¨κΈ°κ³ μž ν•œλ‹€. μ‹€μ œλ‘œ μž‘μ„±μ„ 생

μΊ‘μŠν™”(encapsulation)
· β˜• 3 min read
μΊ‘μŠν™”(encapsulation) 객체가 λ‚΄λΆ€μ μœΌλ‘œ κΈ°λŠ₯을 μ–΄λ–»κ²Œ κ΅¬ν˜„ν•˜λŠ”μ§€λ₯Ό κ°μΆ”λŠ” 것 λ‚΄λΆ€μ˜ κΈ°λŠ₯ κ΅¬ν˜„μ΄ λ³€κ²½λ˜λ”λΌλ„ κ·Έ κΈ°λŠ₯을 μ‚¬μš©ν•˜λŠ” μ½”λ“œλŠ” 영ν–₯을

8. λΈŒλΌμš°μ € 객체 λͺ¨λΈ
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© BOM 의 핡심인 window 객체에 λŒ€ν•œ 이해 μ°½κ³Ό ν”„λ ˆμž„, νŒμ—… 컨트둀 location κ°μ²΄μ—μ„œ μ–»λŠ” νŽ˜μ΄μ§€ 정보 navigator 객체λ₯Ό ν†΅ν•œ λΈŒλΌμš°μ € 이해 1. window 객체 μ›ΉνŽ˜μ΄μ§€μ—μ„œ μ •μ˜ν•œ λͺ¨λ“  객체

Caffeine(μΊμ‹œ 라이브러리) μ‚¬μš©
· β˜• 2 min read
μ΄λ²ˆμ— νšŒμ‚¬μ—μ„œ ν•™μŠ΅κΈ°μ— λ“€μ–΄κ°€λŠ” 화면에 λŒ€ν•œ 관리λ₯Ό ν•˜λŠ”λ°, 자주 λ°”λ€ŒλŠ” 사항이 μ•„λ‹ˆλ‹€λ³΄λ‹ˆ, 캐쉬λ₯Ό μ μš©ν•˜μžλŠ” 말이 λ‚˜μ™”λ‹€. μΊμ‹œλΌκ³  ν•˜λ©΄ λ ˆλ””μŠ€(redis

SimpleJdbcInsert 문제
· β˜• 2 min read
이전 jdbcTemplate λ₯Ό μ„€λͺ…ν•˜λ©΄μ„œ simpleJdbcInsert 에 λŒ€ν•œ μΉ­μ°¬(?)을 ν–ˆμ—ˆλ‹€. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 @Override public Long saveLoginUI(final LoginVO loginVO) { KeyHolder keyHolder = new GeneratedKeyHolder(); jdbcTemplate.update(new PreparedStatementCreator() { @Override public PreparedStatement createPreparedStatement(final Connection connection) throws SQLException { PreparedStatement

7. ν•¨μˆ˜ ν‘œν˜„μ‹
· β˜• 4 min read
λ‹€λ£¨λŠ” λ‚΄μš© ν•¨μˆ˜ ν‘œν˜„μ‹μ˜ νŠΉμ§• ν•¨μˆ˜μ™€ μž¬κ·€ ν΄λ‘œμ €λ₯Ό μ΄μš©ν•œ 고유(프라이빗) λ³€μˆ˜ 1. ν•¨μˆ˜ ν‘œν˜„μ‹μ˜ νŠΉμ§• ν•¨μˆ˜λ₯Ό μ •μ˜ν•˜λŠ” 방법은 ν•¨μˆ˜ μ„ μ–Έκ³Ό ν•¨μˆ˜ ν‘œν˜„μ‹ 2가지가 있음

2. HTML μ†μ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© <script> μš”μ†Œ μ‚¬μš© 인라인 μŠ€ν¬λ¦½νŠΈμ™€ μ™ΈλΆ€ 슀크립트의 비ꡐ λ¬Έμ„œ λͺ¨λ“œκ°€ μžλ°”μŠ€ν¬λ¦½νŠΈμ— λ―ΈμΉ˜λŠ” 영ν–₯ μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ λΉ„ν™œμ„±ν™”λœ 상황에 λŒ€ν•œ λŒ€λΉ„ 1. <Script> μš”μ†Œ μ—¬μ„―κ°€

3. μ–Έμ–΄μ˜ 기초
· β˜• 4 min read
λ‹€λ£¨λŠ” λ‚΄μš© 문법 데이터 νƒ€μž… μ œμ–΄λ¬Έ ν•¨μˆ˜ 1. 문법 λŒ€μ†Œλ¬Έμžλ₯Ό ꡬ뢄 μ‹λ³„μž -> λ³€μˆ˜, ν•¨μˆ˜, ν”„λ‘œνΌν‹°, ν•¨μˆ˜ λ§€κ°œλ³€μˆ˜μ˜ μ΄λ¦„μœΌλ‘œ κ΄€μŠ΅μ μœΌλ‘œ 카멜 μΌ€μ΄μŠ€λ₯Ό μ‚¬μš© camelCase 슀트릭

4. λ³€μˆ˜, μŠ€μ½”ν”„, λ©”λͺ¨λ¦¬
· β˜• 2 min read
λ‹€λ£¨λŠ” λ‚΄μš© λ³€μˆ˜μ˜ μ›μ‹œκ°’κ³Ό μ°Έμ‘°κ°’ μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ˜ 이해 가비지 μ»¬λ ‰μ…˜μ˜ 이해 1. μ›μ‹œκ°’κ³Ό μ°Έμ‘°κ°’ μ›μ‹œκ°’μ€ κΈ°λ³Ένƒ€μž…(λ¬Έμžμ—΄, null, undefined etc), 참쑰값은 λ©”λͺ¨λ¦¬μ— μ €μž₯된 객체