Sujin Lee - Sujin Lee | Creative Technologist

Talk: Exploring NDP Songs Lyrics, Sounds, Emotion

Event : Junior Developers Singapore Code and Tell - Sep 2019Straits Times Graphics team published National Day Parade(NDP) songs project to celebrate the 54th National Day Birthday at the end of June. Since

뚝딱뚝딱 Ghost로 기술 블로그 만들기 - (2) 테마 커스터마이징

뚝딱뚝딱 Ghost로 기술 블로그 만들기 두 번째 시리즈로 고스트 블로그 테마 수정 과정을 소개한다. 아직 고스트(Ghost) 플랫폼에 대해서 잘 모른다면, 설치와 호스팅 편을 읽고 오길 바란다. 모든 단계를 건너뛰고 바로 이 블로그에

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 Babel.js as

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 my stories and

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 fellowship program for

react

[번역] 깊이 있는 리액트 개발 환경 구축하기

브라질 출신 풀스택 개발자인 에수 실바(Esau Silva)의 How to use Webpack with React: an in-depth tutorial 튜토리얼을 번역한 글이다. 리액트에 익숙한 경험자를 대상으로 웹팩(webpack)과 바벨(babel)을 사용해 리액트

coursework

Pandoc, Markdown, LaTex, Visual Studio Code로 똑똑하게 논문쓰기

대학생, 대학원생이라면 한 번쯤은 논문을 쓰게 된다. 그러나 정작 글쓰기보다 글 자간, 글자 크기 등을 한 줄씩 수동으로 입력하느라, 일일이 이미지를 이동시키느라 애를 먹었던 경험이 있을 것이다. 아무리 마이크로소프트 워드나 한글을 쓴다고 해도

유다시티 리액트 나노디그리 졸업 후기 (A Review of Udacity React Nanodegree Graduation)

Projects Project 1 : React - MyReads (Review, GitHub, Site) Project 2 : React & Redux - Readable (Review, GitHub) Project 3 : React-Native & Redux - FlashCards (Review, GitHub) Career Resume - (Review, View) LinkedIn

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 CHI 컨퍼런스 학생

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) 프로그레스 이미지 로딩 효과를 django

coursework

[2017-2 Information Visualization] Melon Chart Explorer : 멜론 차트 순위 시각화

2017년 2학기에 이준환 교수님 정보 비주얼라이제이션을 수강했다. 기말 팀 프로젝트로 멜론(Melon) 음악 차트 시각화 대쉬보드 플랫폼인 "Melon Chart Explorer(멜론 차트 익스플로러)"를 개발했다. 약 10일 동안 팀프로젝트를 진행했고 시각화

django

미디엄(Medium) 프로그레스 이미지 로딩 효과를 django 블로그에 적용하기

고해상도 이미지를 웹 사이트에 사용하다 프레임이 끊기는 현상을 마주했을 것이다. 프론트엔드에서 이미지 최적화-로딩 처리 방법이 궁금하던 중 미디엄(Medium)의 블로그 글 내 로딩 효과가 눈에 들어왔다. 이미지 영역에 회색 배경화면이 뜨고, 블러된

react

[2017-2 Information Visualization] Data Visualization Experiments (react + d3.js)

This is my projects & assignments for Prof. Junhwan Lee(hci+d Lab)'s Information Visualization Master Course at Seoul National University. (F/W 2017) The main purpose of every work is that

react

React SEO(Search Engine Optimization) 검색 사이트 최적화 컴포넌트

원문: Creating a SEO friendly Sites with ReactJS 단일 페이지 응용 프로그램 (SPA) 전통적인 웹사이트는 브라우저가 웹 사이트의 각 페이지를 개별적으로 요청하여 서버가 HTML 페이지를 생성하고 다시 보내야하는 방식으로 작동했다. 따라서 서버에 대한