์ ์ฒด ๊ธ185 [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(3) - ์ ํด์ง ์๊ฐ์ ๋งฅ๋ถ์ ๊นจ์ฐ๋ goguma ์์คํ ๋์ ! ๋ฌธ์ ํด๊ฒฐ ์๋ฃ ํด๋ผ์ฐ๋ ํ๊ฒฝ์ผ๋ก ๋ณ๊ฒฝํ๋ ค๋ ์ฐฐ๋,์ ์๋ ๋งฅ๋ถ์ ๊นจ์ฐ๋ ๋๊ตฌ์ ๋ํด ์๊ฒ๋์๋ค.์ง๊ธ ๋์๊ฒ ๋ฑ ํ์ํ ๋๊ตฌ!ํ์ฉํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด๋ณด์. [ ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ 1 ] [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(1) - Codex์ ์์ฝ ์์ ํ์ฉํ๊ธฐ๋น ๋ฅด๊ฒ ๋ณํํ๋ AI ์ธ์๊ทธ ํ๋ฆ์ ์กฐ๊ธ์ด๋ผ๋ ๋ฐ๋ผ๊ฐ ๋ณด๋ ค ํ๋ค. [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(2) - OpenAPI์ GitHub ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ผ๋ก ๋ณ๊ฒฝ์ ๋ ๊ฑฐ๋ผ ๋ฏฟ์ด ์์ฌ์น ์์๋ ๋ฐ์๋ ํฌ์คํ ์post-this.tistory.com [ ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ 2 ] [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(2) - OpenAPI์ GitHub ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ผ๋ก ๋ณ๊ฒฝ์ ๋ ๊ฑฐ๋ผ ๋ฏฟ์ด ์์ฌ์น ์์๋ ๋ฐ์๋ ํฌ์คํ ์์คํ ์.. 2026. 10. 27. [Spring] ๋ฐ์ดํฐ ์ ํฉ์ฑ์ ๋ง์ถ๊ธฐ ์ํด Outbox๋ก ์์ ํด๋ณด์. + CDC, Kafka ๋ฑ ๋ค์ํ ๋ฐฉ๋ฒ ์์๋ณด๊ธฐ ํ์ฌ ์ฝ๋์๋ ํด๊ฒฐํ์ง ๋ชปํ ๋ฌธ์ ๊ฐ ์์๋ค.Elasitcsearch์ keycloakd์ ์ธ๋ถ์์ ๋์๊ฐ๋๋ฐํ๋์ ํธ๋์ญ์ ์์ ๊ด๋ฆฌํ๋ ค๋ค ๋ณด๋DB์ ๊ฐ ํ๋ก๊ทธ๋จ ์ ๋ฐ์ดํฐ๊ฐ ์ด๊ธ๋ ๊ฐ๋ฅ์ฑ์ด ์์๋ค.๊ทธ๋์ ์ด๋ฒ์ ์ด ์ฝ๋๋ฅผ ์์ ํด ๋ณผ ๊ฒ์ด๋ค. 1. ๋ฌธ์ ๋ฐ์ดํฐ ์ ํฉ์ฑ ๋ฌธ์ ๋ฅผ ์๊ณ ์์๋ค. ๊ทธ๋์ ๊ทธ๋ ๋น์ ๋ด๊ฐ ํ ์ ์๋ ๋ฐฉ๋ฒ์ธ ์๋ ๋๊ธฐํ๋ก ์ ์ฒด ๋๊ธฐํ ๋ฉ์๋(syncAllToElasticsearch)๋ฅผ ๋ง๋ค์๋ค. Q. ๋ฐ์ดํฐ ์ ํฉ์ฑ์ด๋?A. ์๋ก ์ฐ๊ด๋ ๋ฐ์ดํฐ๊ฐ ์ ํด์ง ๊ท์น์ ๋ง๊ฒ ์ผ์นํ๋ ์ํ๋ฅผ ๋งํ๋ค. ์ผ๋จ ๊ฐ์ฅ ์ฒซ ๋ฒ์งธ๋ก ๋ฐ์ํ๋ ๋ฌธ์ ๋ฅผ ์ด์ผ๊ธฐํด ๋ณด๊ฒ ๋ค. Elasticsearch(๊ฒ์์ฉ)์ Keycloak(๋ก๊ทธ์ธ์ฉ)์ DB์ ๊ฐ์ ๊ณต๊ฐ์ด ์๋ ์ธ๋ถ์ ์กด์ฌํ๋ ์์คํ ์ด๋ค. ๊ทธ๋์ DB์ Ela.. 2026. 10. 27. [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(2) - OpenAPI์ GitHub ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ผ๋ก ๋ณ๊ฒฝ ์ ๋ ๊ฑฐ๋ผ ๋ฏฟ์ด ์์ฌ์น ์์๋ ๋ฐ์๋ ํฌ์คํ ์์คํ ์์นจ์ ์ผ์ด๋์ ์ค๋ ๋ ๋ง์์ผ๋ก ํ์ธํ๋๋ ๋ฐฐ์ ํ๋ค!! [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(1) - Codex์ ์์ฝ ์์ ํ์ฉํ๊ธฐ๋น ๋ฅด๊ฒ ๋ณํํ๋ AI ์ธ์๊ทธ ํ๋ฆ์ ์กฐ๊ธ์ด๋ผ๋ ๋ฐ๋ผ๊ฐ ๋ณด๋ ค ํ๋ค. 1. ๋ฌด์์ ๋ง๋ ๊ฑด๊ฐ? ์ ๋ถํฐ SNS์์ AI๋ฅผ ํตํด ์๋์ผ๋ก ๋ธ๋ก๊ทธ๋ฅผ ํฌ์คํ ํ๋ ๋ด์ฉ์ ๋ฆด์ค๊ฐ ๋ง์ด ๋ณด์๋ค. ์ ๊ธฐํ ๊ฑด ์ง์ ํด๋ดpost-this.tistory.com [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(3) - ์ ํด์ง ์๊ฐ์ ๋งฅ๋ถ์ ๊นจ์ฐ๋ goguma ์์คํ ๋์ ! ๋ฌธ์ ํด๋ผ์ฐ๋ ํ๊ฒฝ์ผ๋ก ๋ณ๊ฒฝํ๋ ค๋ ์ฐฐ๋,์ ์๋ ๋งฅ๋ถ์ ๊นจ์ฐ๋ ๋๊ตฌ์ ๋ํด ์๊ฒ๋์๋ค.์ง๊ธ ๋์๊ฒ ๋ฑ ํ์ํ ๋๊ตฌ!ํ์ฉํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด๋ณด์. [ ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ.. 2026. 10. 19. [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(1) - Codex์ ์์ฝ ์์ ํ์ฉํ๊ธฐ ๋น ๋ฅด๊ฒ ๋ณํํ๋ AI ์ธ์๊ทธ ํ๋ฆ์ ์กฐ๊ธ์ด๋ผ๋ ๋ฐ๋ผ๊ฐ ๋ณด๋ ค ํ๋ค. [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(2) - OpenAPI์ GitHub ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ผ๋ก ๋ณ๊ฒฝ์ ๋ ๊ฑฐ๋ผ ๋ฏฟ์ด ์์ฌ์น ์์๋ ๋ฐ์๋ ํฌ์คํ ์์คํ ์์นจ์ ์ผ์ด๋์ ์ค๋ ๋ ๋ง์์ผ๋ก ํ์ธํ๋๋ ๋ฐฐ์ ํ๋ค!! [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(1) - Codex์ ์์ฝ ์์ ํ์ฉํ๊ธฐ๋น ๋ฅด๊ฒ ๋ณํํpost-this.tistory.com [AI] ๋ฐ์๋ Blog ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ(3) - ์ ํด์ง ์๊ฐ์ ๋งฅ๋ถ์ ๊นจ์ฐ๋ goguma ์์คํ ๋์ ! ๋ฌธ์ ํด๋ผ์ฐ๋ ํ๊ฒฝ์ผ๋ก ๋ณ๊ฒฝํ๋ ค๋ ์ฐฐ๋,์ ์๋ ๋งฅ๋ถ์ ๊นจ์ฐ๋ ๋๊ตฌ์ ๋ํด ์๊ฒ๋์๋ค.์ง๊ธ ๋์๊ฒ ๋ฑ ํ์ํ ๋๊ตฌ!ํ์ฉํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด๋ณด์. [ ํฌ์คํ ์์คํ ๋ง๋ค๊ธฐ 1 ] [AI.. 2026. 10. 17. [Spring, React] AI๊ฐ ๋ง๋ ํฐ๊ฐ ๋๋ ๋ฐ์ด๋ธ์ฝ๋ฉ, ์ด๋ป๊ฒ ํด์ผํ ๊น? (๋ค์ํ ์คํฌ ์๊ฐ) ๋ด ์๊ณ ๋ฆฌ์ฆ์ ๋ฐ์ด๋ธ ์ฝ๋ฉ์ด ์์ฃผ ๋ฑ์ฅํ๋ค.์ด๋ ๋ ! ๋ฐ์ด๋ธ ์ฝ๋ฉ ์ AI์ ํน์ง์ ๋ํด ๋ฃ๊ณ ๋ง๋๋ฐ... https://post-this.tistory.com/186 [Spring, React] ๋ฐ์ด๋ธ์ฝ๋ฉ ์ฒซ ๋์ , Codex์ 3์๊ฐ์ ํฌ์ํด์ ๊ฐ๋จํ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค์ด๋ณด์!๋ฐ์ด๋ธ์ฝ๋ฉ์ด ์์ฒญ๋ ํ์ ์ธ ๋งํผ์ฒ์๋ถํฐ ๋๊น์ง Codex๋ฅผ ์ด์ฉํด์ํ๋ก์ ํธ๋ฅผ ๋ง๋ค์ด๋ณด์. 1. ํ๋ก์ ํธ ์๊ฐ์ด ํ๋ก์ ํธ๋ ์ธํด ๋ชจ์ง ๊ณต๊ณ ์์ ์ ํ ์๋ ๋ด์ฉ์ ๊ธฐ๋ฐ์ผ๋ก ํ๋ก์ ํธ๋ฅผ ํด๋ดค๋ค.post-this.tistory.com 1. ์ด๋ป๊ฒ ๋ ์ผ์ธ๊ฐ?๋ฐ์ด๋ธ ์ฝ๋ฉ์ผ๋ก AI์๊ฒ UX/UI๋ฅผ ์ ๋ถ ๋งก๊ธฐ๊ฒ ๋๋ฉด ๋ฐคํฐ๋ก ๋ง๋ค์ด์ค๋ค๋ ๋ฆด์ค๋ฅผ ๋ณด๊ฒ ๋์๋ค. ๊ทธ ํน์ง๋ค์ ๋ฃ๋๋ฐ ์ดํ...? ์ด๊ฑฐ ์์ ํ ๋ด ํ๋ก์ ํธ์ธ๋ฐ..? ์ถ์ ์๊ฐ์ด .. 2026. 9. 19. [์๊ฒฉ์ฆ] 2604ํ ๋ฆฌ๋ ์ค ๋ง์คํฐ 2๊ธ 2์ฐจ _ 5์ผ ๊ณต๋ถ | ๊ณต๋ถ ํ, ์์ ์ ๋ฆฌ ๋ฆฌ๋ ์ค 2๊ธ 2์ฐจ ์ํ๊ณต๋ถ๊ธฐ๋ก ๋จ๊ฒจ๋ณด๊ธฐ!!! - ๋ฆฌ๋ ์ค๋ง์คํฐ 2๊ธ 1์ฐจ [์๊ฒฉ์ฆ] 2603ํ ๋ฆฌ๋ ์ค๋ง์คํฐ 2๊ธ 1์ฐจ_ 5์ผ ๊ณต๋ถ | ์จ๋ผ์ธ ์ํ ๋ณด๋ ๋ฐฉ์ ์์ธํ๊ฒ! (์คํ๋ถ์๋)๋ฆฌ๋ ์ค ๋ง์คํฐ 2๊ธ 1์ฐจ ์ํ๊ณต๋ถ๊ธฐ๋ก ๋จ๊ฒจ๋ณด๊ธฐ!! 1. ๋ฆฌ๋ ์ค ๋ง์คํฐ 2๊ธ 1์ฐจ (์จ๋ผ์ธ)ํ์: ๊ฐ๊ด์ 4์ง์ ๋ค๋ฌธํญ ์: 50๋ฌธํญ์ํ ์๊ฐ: 60๋ถํฉ๊ฒฉ ๊ธฐ์ค: 60์ ์ด์ (30๋ฌธํญ ๋ง์ถ๋ฉด ๋จ)์์ ๋ฐฉ์: ์จ๋ผ์ธ (post-this.tistory.com 1. ๋ฆฌ๋ ์ค ๋ง์คํฐ 2๊ธ 2์ฐจ (์คํ๋ผ์ธ)ํ์ : ๊ฐ๊ด์ 4์ง์ ๋ค๋ฌธํญ ์ : 80๋ฌธ์ (๋ฌธ์ ๋น 1.25์ )์ํ ์๊ฐ : 100๋ถํฉ๊ฒฉ์ปท : ์ด 48๊ฐ ์ด์ ํฉ๊ฒฉ (1๊ณผ๋ชฉ 20๊ฐ ์ด์ ๊ณผ๋ฝ ๋ฉด์ , 2๊ณผ๋ชฉ 13๊ฐ ์ด์ ๊ณผ๋ฝ ๋ฉด์ )์์๋ฐฉ์ : ์คํ๋ผ์ธ์ํํ + ์ปดํจํฐ์ฉ ์ฌ์ธํ.. 2026. 9. 18. [React, Vue] React์ Vue์ ํน์ง, ์ด๋ค ์ฐจ์ด์ ์ด ์์๊น? React๋ ์๋ ๋ง์ด ์ฌ์ฉํ์ง๋ง์์ฆ๋ค์ด Vue๋ ๋ง์ด ์ฌ์ฉํ๋ ์ถ์ธ์ธ ๊ฒ ๊ฐ๋ค!์ด๋ค ์ ์ด ์ด๋ป๊ฒ ๋ค๋ฅธ์ง ํ ๋ฒ ์์๋ณด์. 1. DOM (Document Object Model)๋จผ์ DOM์ ๋ํ ์ดํด๋๊ฐ ์์ด์ผ Vue์ React์ ํน์ง์ ๋ ์ ์ดํดํ ์ ์๋ค.DOM์ HTML ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ๊ณ ์กฐ์ํ ์ ์๋๋ก ํธ๋ฆฌ ๊ตฌ์กฐ ํํ์ ๊ฐ์ฒด๋ก ๋ณํํ ๊ฒ์ด๋ค.HTML ์์ฒด๋ ๋จ์ํ ํ ์คํธ ํ์ผ์ด๋ค.์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์น ํ์ด์ง์ ํ ์คํธ๋ฅผ ๋ฐ๊พธ๊ฑฐ๋ ์คํ์ผ์ ๋ณ๊ฒฝํ๋ ค๋ฉด HTML ์์๋ค์ ์ ๊ทผ ๊ฐ๋ฅํ ๊ฐ์ฒด ํํ๋ก ๋ฉ๋ชจ๋ฆฌ์ ์ฌ๋ ค๋์์์ผ ํ๋๋ฐ, ๊ทธ ์ธํฐํ์ด์ค๊ฐ DOM์ด๋ค.DOM์ ๋ฌธ์ ๋ฅผ ๊ฐ์ง๊ณ ์๋ค.์๋ฐ์คํฌ๋ฆฝํธ๋ก DOM์ ์กฐ์ํ๋ฉด ๋ธ๋ผ์ฐ์ ๋ ํ๋ฉด์ ์์น์ ํฌ๊ธฐ๋ฅผ ๋ค์ ๊ณ์ฐํ๋ Reflow์ ํ๋ฉด์ ๋ค์ ๊ทธ๋ฆฌ๋ .. 2026. 8. 20. ์ด์ 1 2 3 4 ยทยทยท 27 ๋ค์