talk [51Conference 2020] ๐ฉโ๐ป ้๊ฐ๋ฐ์์์ ๐ฆ ้ฃ๊ฐ๋ฐ์๋ก ๐ฉโ๐ป ์ดํ ์ฐ์๋ ํด์ธ ์ ํ ๊ฒฝํ์ด ์๋ ์์ํ ๊ตญ๋ดํ, CS ๋น์ ๊ณต์๊ฐ ๊ฐ๋ฐ์๋ก ํด์ธ ์ทจ์ ์ ํ ์ ์์๊น? ๐ฆ ํ๊ตญ์์ print("Hello World") ๋ถํฐ ์์ํด, ์ด๋ป๊ฒ ๋ฒ ๋ฅผ๋ฆฐ ์คํํธ์ ์ ์ฃผ๋์ด ์ํํธ์จ์ด ์์ง๋์ด๊ฐ ๋ ์
talk [๋ฐ์ดํฐ์ผ๋์ 2019] ์น์ผ๋ก ํํํ๋ ๋ฐ์ดํฐ ์๊ฐํ์ ์คํ ๋ฆฌํ ๋ง ๋ฐ์ดํฐ ์๊ฐํ์ ์คํ ๋ฆฌํ ๋ง์ ๋ฐ์ดํฐ ์ ์จ๊ฒจ์ง ์ด์ผ๊ธฐ๋ฅผ ์ฐพ๊ณ ์๋ช ๋ ฅ์ ๋ถ์ด ๋ฃ๋ ์์ ์ ๋๋ค. ์น์ ์ฐฝ์์ ์ด๊ณ ์๋ฆ๋ค์ด ์๊ฐํ์ ํจ๊ณผ์ ์ธ ์คํ ๋ฆฌํ ๋ง์ ๋ง๋ค ์ ์๋ ๋ฉ์ง ๋๊ตฌ์ ๋๋ค. ๋ณธ ๋ฐํ์์ ์ต๊ทผ ๋ง์ ์ธ๋ก ์ฌ์์ ์ฌ์ฉํ๊ณ ์๋
vue SVG Icon System in Vue.js SVG(Scalable Vector Graphics) is XML-based image formats that can look crisp at all screen resolutions, can have super small file sizes, and can be easily edited and modified. There
talk Talk: Exploring NDP Songs Lyrics, Sounds, Emotion Event : Junior Developers Singapore Code and Tell - Sep 2019 Straits Times Graphics team published National Day Parade(NDP) songs project to celebrate the 54th National Day Birthday at the
career ๋๋ฑ๋๋ฑ Ghost๋ก ๊ธฐ์ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ - (2) ํ ๋ง ์ปค์คํฐ๋ง์ด์ง ๋๋ฑ๋๋ฑ Ghost๋ก ๊ธฐ์ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ ย ๋ ๋ฒ์งธ ์๋ฆฌ์ฆ๋ก ๊ณ ์คํธ ๋ธ๋ก๊ทธ ํ ๋ง ์์ ๊ณผ์ ์ ์๊ฐํ๋ค. ย ์์ง ๊ณ ์คํธ(Ghost) ํ๋ซํผ์ ๋ํด์ ์ ย ๋ชจ๋ฅธ๋ค๋ฉด, ์ค์น์ ํธ์คํ ํธ์ ์ฝ๊ณ ์ค๊ธธ ๋ฐ๋๋ค. ๋ชจ๋ ๋จ๊ณ๋ฅผ ๊ฑด๋๋ฐ๊ณ
talk Talk: Singapore Street Visualisation with Open Data DescriptionRecently, The Straits Times Interactive Graphics team released the map visualisation project, The colourful history of Singapore's street names, which reveals about Singapore's community, identity, and history I gathered 3,
career ๋๋ฑ๋๋ฑ Ghost๋ก ๊ธฐ์ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ - (1) ์ค์น์ ํธ์คํ ๋ช ๊ฐ์ ์ ์ฏค ย ํ์ด์ค๋ถ ์น๊ตฌ์ ๋ ์ ๋ถ๊ป์ ์๋์ ๊ฐ์ ๋๊ธ์ ๋จ๊ฒจ์ฃผ์ จ๋ค. ๋๋ ๋ง์ค์ ์์ด '๊ณ ์คํธ(Ghost)' ๋ผ๊ณ ๋ตํ๋ค . ์ง๊ธ ์ด ๋ธ๋ก๊ทธ๋ ๊ณ ์คํธ๋ก ๋์งํธ์ค์ (Digital Ocean) ์์ ๋งค์ 5๋ฌ๋ฌ๋ก ํธ์คํ
career ํด์ธ ์ทจ์ - ์ ์ ์น ๊ฐ๋ฐ์์ ์ฑ๊ฐํฌ๋ฅด ์๋ฅ๊ธฐ ์ฝ๋์ด ์ฐกํ๊ฒ ์ถ์ ๋ ์ด๋ ๊ฒจ์ธ. ๋ํฐ์ด ์ ๋ฐ๋ฅผ ๋ฒ์ด ๋์ง๊ณ ์ฌ๋ฆฌํผ์ ๋ฐ๋ฐ์ง ์ฐจ๋ฆผ์ผ๋ก ๋๋จ์์์์ ์์ ๋์ ๊ตญ๊ฐ์ธ ์ฑ๊ฐํฌ๋ฅด์ ๋์ฐฉํ๋ค. 4๊ฐ์์ด ์ง๋ ์ง๊ธ, ์ด๋๋ง ์์ด์ค ์๋ฉ๋ฆฌ์นด๋ ธ ๋์ ์ฝํผ ์ค ์ฝ์ก(Kopi-O-Kosong Ais)
talk Talk: Rails Girls Summer of Code : 3 months journey of contributing to babel.js Rails Girls Summer of Code : 3 months journey of contributing to babel.js๏ผRails Girls Summer of Code ใง Babel.js ใซ่ฒข็ฎใใ 3 ใถๆ๏ผ Since July, I have worked for
talk Talk: PyConKR 2018 Keynote: Committing to diversity and inclusion I was honored to be invited to the PyConKR 2018 as a keynote speaker. The theme of PyCon 2018 was "Dive into Diversity" and I delighted to deliver
opensource [RGSoC] #1. Prologue: Introduce Team #RGSoCSunshine and Babel.js My history with open source has just started from this July! I am honored to have been invited to participate in this Rails Girls Summer of Code(RGSoC) , a global
react [๋ฒ์ญ] ๊น์ด ์๋ ๋ฆฌ์กํธ ๊ฐ๋ฐ ํ๊ฒฝ ๊ตฌ์ถํ๊ธฐ ๋ธ๋ผ์ง ์ถ์ ํ์คํ ๊ฐ๋ฐ์์ธ ์์ ์ค๋ฐ(Esau Silva)์ How to use Webpack with React: an in-depth tutorial ํํ ๋ฆฌ์ผ์ ๋ฒ์ญํ ๊ธ์ด๋ค. ๋ฆฌ์กํธ์ ์ต์ํ ๊ฒฝํ์๋ฅผ ๋์์ผ๋ก ์นํฉ(webpack)๊ณผ ๋ฐ๋ฒจ(babel)
coursework Pandoc, Markdown, LaTex, Visual Studio Code๋ก ๋๋ํ๊ฒ ๋ ผ๋ฌธ์ฐ๊ธฐ ๋ํ์, ๋ํ์์์ด๋ผ๋ฉด ํ ๋ฒ์ฏค์ ๋ ผ๋ฌธ์ ์ฐ๊ฒ ๋๋ค. ๊ทธ๋ฌ๋ ์ ์ ๊ธ์ฐ๊ธฐ๋ณด๋ค ๊ธ ์๊ฐ, ๊ธ์ ํฌ๊ธฐ ๋ฑ์ ํ ์ค์ฉ ์๋์ผ๋ก ์ ๋ ฅํ๋๋ผ, ์ผ์ผ์ด ์ด๋ฏธ์ง๋ฅผ ์ด๋์ํค๋๋ผ ์ ๋ฅผ ๋จน์๋ ๊ฒฝํ์ด ์์ ๊ฒ์ด๋ค. ์๋ฌด๋ฆฌ ๋ง์ดํฌ๋ก์ํํธ ์๋๋
women in tech ์ธ์์ ๋ฐ๊พธ๋ ์ฌ์ฑ ์์ง๋์ด๋ฅผ ๋ง๋๋ค. ์ฐ๋จผ ํ ํฌ ๋ฉ์ด์ปค์ค Women Tech Makers 2018 ์ธ๊ณ ์ต์ด์ ํ๋ก๊ทธ๋๋จธ ์์ด๋ค ๋ฌ๋ธ๋ ์ด์ค, ์ต์ด์ ์์ด ๋ฐ์ดํฐ ์ปดํ์ผ๋ฌ๋ฅผ ๋ง๋ ๊ทธ๋ ์ด์ค ํธํผ, ์ํด๋ก ๊ณํ์ ๋นํ ์ํํธ์จ์ด๋ฅผ ๊ฐ๋ฐํ ๋ง๊ฐ๋ฆฟ ํด๋ฐํด, ์ธ๊ณ ์ต์ด๋ก ์์ ์ฉ ์ํํธ์จ์ด๋ฅผ ๋ง๋ ๋ฉ๋ฆฌ ๋ฆฌ ์ฐ์ฆ ๋ฒ๋์ค ๋ฆฌ. ์ด๋ค์
react ๋ฆฌ์กํธ ๋์๋ซ๊ธฐ ํ๊ตญ์ด ๋ฒ์ญ์๋ฅผ ์ถ๊ฐํ๋ฉฐ ๋ฆฌ์กํธ ๋์๋ซ๊ธฐ - The Road to learn React (2018) : ํ๋น๋ฏธ๋์ด, leanpub ๋จํ์ด ํ์ฐฝ ๋ฌด๋ฅด์ต์ด ๊ฐ๋ ์๋ 10์์ ์ด๋ ๋ , ์ ๋ช ๋ฆฌ์กํธ ๋ธ๋ก๊ฑฐ์ด์ ์ํํธ์จ์ด ์์ง๋์ด์ธ ๋ก๋น ์์ดํฌ(Robin Wieruch)์๊ฒ ์ด๋ฉ์ผ
career ์ ์ ์ํํธ์จ์ด ์์ง๋์ด์ ์ปค๋ฒ ๋ ํฐ ์์ฑํ๊ธฐ ์ธ๊ตญ๊ณ ์ํํธ์จ์ด ๊ธฐ์ ์์ ์ผํ๊ณ ์ถ๋ค๋ฉด ์๋ฌธ ์ด๋ ฅ์์ ์ปค๋ฒ ๋ ํฐ ์ค๋น๋ ํ์๋ค. ์ธ์ฌ ๋ด๋น์๋ ์ง์์๋ฅ๋ฅผ ๋ฐ์ผ๋ฉด ์ปค๋ฒ ๋ ํฐ๋ฅผ ๊ฐ์ฅ ๋จผ์ ์ฝ์ด๋ณธ ํ, ์ด๋ ฅ์๋ฅผ ์ฝ์์ง ์ฌ๋ถ๋ฅผ ํ๋จํ๋ค. ์ฌ์ค ์ปค๋ฒ ๋ ํฐ๋ ์๋ฅ ํต๊ณผ
running ํธ๋ ์ผ๋ฌ๋ ์ ๋ฌธ๊ธฐ - ์ปฌ๋ผ๋น์ KOREA 50K CREW ์๋ ์ฌ๋ฆ ํ์ด์ ์ค์นด์ด ๋ฌ๋์ ๋ค๋ ์จ ์ดํ๋ก ํธ๋ ์ผ ๋ฌ๋์ ๊ด์ฌ์ ๊ฐ๊ฒ ๋๋ค. ํ์ง๋ง ํ๋ํ ์ฐ๊ธธ์ ๋ฌ๋ฆฌ๋ ํธ๋ ์ผ ๋ฌ๋์ ๋ง์ฐํ ๋ถ๋ด๊ฐ๊ณผ ๋๋ ค์์ ๊ฐ๊ณ ์๋ ํฐ๋ผ ์ค์ ๋ก ํด๋ณด์ง ๋ชปํ๋ค. ๊ทธ๋ฌ๋ ์ค 3์
career ๊นํ๋ธ(GitHub)๋ก ์ทจ์ ํ๊ธฐ ๊นํ๋ธ ํ๋กํ ๋งํฌ ํ๋๋ก ์ทจ์ ์ด ๋๋ค๋๋ฐ? ๊ทธ๋ ๋ค. ์ ๋ง ๊นํ๋ธ ํ ์ค์ด๋ฉด ๋๋ค. ํ์ง๋ง ์ง๊ธ ๋น์ ์ ๊นํ๋ธ๋ ์๋ ํ๊ฐ? '์ํํธ์จ์ด ์์ง๋์ด'๋ก์ ์ ๋ฌธ์ฑ์๋ ๊นํ๋ธ ๊ด๋ฆฌ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด์. 1. ๋งค๋ ฅ์ ์ธ ํ๋กํ ๋ง๋ค๊ธฐ ๊นํ๋ธ
career ์ ์ ์ํํธ์จ์ด ์์ง๋์ด์ ์๋ฌธ ์ด๋ ฅ์ ์์ฑํ๊ธฐ ๊ฐ๋ฐ์ ์ฐพ์์. ๊ธฐ์ ๋ชจ์, ์ธ๋ฏธ๋, ์ปจํผ๋ฐ์ค์์ ๋งค์ผ ๋ฃ๋ ์ด์ผ๊ธฐ๋ค. ํ์์ ์ด๋ ฅ์์ ํฌํธํด๋ฆฌ์ค๊ฐ ์ ์ค๋น๋์ด ์๋ค๋ฉด ๋ฐ๋ก ์ค๋งํธํฐ์ผ๋ก ์ด๋ ฅ์๋ฅผ ๋ณด๋ด๊ณ ๊ณง๋ฐ๋ก ์ฑ์ฉ ์ ์ฐจ์ ๋์ ํ ์ ์์ ๊ฒ์ด๋ค. ์ด์ด ์ข๋ค๋ฉด ์ค๋ฌด์๋ ์ธ์ฌ
javascript [๋ฒ์ญ] ์ด๋ณด์๋ฅผ ์ํ ํจ์ํ ์๋ฐ์คํฌ๋ฆฝํธ Currying ๊ฐ์ด๋ ์๋ฌธ : A Beginnerโs Guide to Currying in Functional JavaScript - M. David Green ์ปค๋ง currying, ๋๋ partial application์ ๊ธฐ์กด ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฉ์ ์ต์ํ ์ฌ๋๋ค์๊ฒ ํผ๋์ ์ฃผ๋ ๊ธฐ์ ์ค ํ๋์ด๋ค. ํ์ง๋ง
react [๋ฒ์ญ] ๊นํ๋ธ ํ์ด์ง(GitHub Pages)์ SPA ๋ฐฐํฌ/ํธ์คํ ํ๊ธฐ ์๋ฌธ : Rafael Pedicini - Single Page Apps for GitHub Pages ์์ํ๊ธฐ ์ ๋ฐ๋ชจ ์ฌ์ดํธ๋ฅผ ํ์ธํ์ธ์. ๋จ์ผ ํ์ด์ง ์์ฉ ํ๋ก๊ทธ๋จ(SPA: Single Page Application)์ ๊นํ๋ธ ํ์ด์ง(GitHub Pages)์ ๋ฐฐํฌํ
coursework [2017-2 HCI Research] Mentorot: A Problem-Sharing Platform for High School Students ์ด๋ฒ 2017-2ํ๊ธฐ, ์์ธ๋ํ๊ต ์ตํฉ๊ณผํ๊ธฐ์ ๋ํ์ ๊ถ๊ฐ์ง ๊ต์๋(Cognitive Computing Lab)์ HCI(Human Computer Interaction)์ฐ๊ตฌ๋ฐฉ๋ฒ๋ก ์ ์๊ฐํ๋ค. ์์ ์ ํตํด ๋ง๋ ๋์งํธ์ ๋ณด์ตํฉํ๊ณผ ์๋ฐ์ฌ ํ์๋ค๊ณผ ํจ๊ป ๋ด๋ 2018๋ 4์ 21์ผ ๋ถํฐ ์ด๋ฆฌ๋ ACM
machine learning ์ ํ ํ๊ท Linear Regression with ES6 ์ ํํ๊ท ๋ถ์์ ๋ ๋ฆฝ ๋ณ์(independent)์ ์ข ์(dependent) ๋ณ์ ๊ฐ์ ๊ด๊ณ๋ฅผ ์ฐพ๋ ํต๊ณ์ ๋ฐฉ๋ฒ์ด๋ค. ์ฌ๊ธฐ์ ์ฃผ์ค ์ด ํ์ต ์๊ฐ์ ๋ฐ๋ฅธ ํ์๋ค์ ์ฑ์ ์๊ด ๊ด๊ณ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๋ฐ์ดํฐ๊ฐ ์๋ค. ์ด ๋ฐ์ดํฐ ์ ์
react Polymer iron-image component๋ฅผ React component๋ก ๋ง๋ค๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ ํ์คํ๊ฐ๋ฐ์์ธ Bojan Gvozderac๊ฐ ์์ฑํ React Image Lazy Loading Component ๊ธ๋ก ํด๋ฆฌ๋จธ(Polymer)์ iron-image ์ปดํฌ๋ํธ๋ฅผ ๋ชจ๋ฐฉํ์ฌ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ๋ก ๊ตฌํํ ํํ ๋ฆฌ์ผ์ ์ฐธ๊ณ ํด ์น์ฌ์ดํธ ๊ฐ๋ฐ์ ์ ์ฉํ ๋ด์ฉ์ด๋ค. ๋ฏธ๋์(Medium) ํ๋ก๊ทธ๋ ์ค ์ด๋ฏธ์ง
coursework [2017-2 Information Visualization] Melon Chart Explorer : ๋ฉ๋ก ์ฐจํธ ์์ ์๊ฐํ 2017๋ 2ํ๊ธฐ์ ์ด์คํ ๊ต์๋ ์ ๋ณด ๋น์ฃผ์ผ๋ผ์ด์ ์ด์ ์ ์๊ฐํ๋ค. ๊ธฐ๋ง ํ ํ๋ก์ ํธ๋ก ๋ฉ๋ก (Melon) ์์ ์ฐจํธ ์๊ฐํ ๋์ฌ๋ณด๋ ํ๋ซํผ์ธ "Melon Chart Explorer(๋ฉ๋ก ์ฐจํธ ์ต์คํ๋ก๋ฌ)"๋ฅผ ๊ฐ๋ฐํ๋ค. ์ฝ 10์ผ ๋์