profile
Svelte, rxjs, vite, AdorableCSS를 좋아하는 시니어 프론트엔드 개발자입니다. 궁금한 점이 있다면 아래 홈페이지 버튼을 클릭해서 언제든지 오픈채팅에 글 남겨주시면 즐겁게 답변드리고 있습니다.
태그 목록
전체보기 (56)프론트엔드(21)협업(20)스프린트(15)구글스프린트(14)회고(14)디자이너(14)CSS(13)디자이너 구함(12)함수형(7)테오의 스프린트(7)스터디(7)AdorableCSS(7)테오 스프린트(7)공부(5)함수형 프로그래밍(4)디자인(4)svelte(4)frontend(3)figma(3)vite(3)후기(3)JavaScript(3)객체지향(2)typescript(2)RX(2)if(kakao)(2)MVI(2)알고리즘(2)Flux(2)atomic-css(2)rxjs(2)functional css(2)커리큘럼(2)애자일(2)회의(2)반응형(2)Flexbox(2)컴퓨팅 사고(1)(1)로드맵(1)Nomalize(1)Rollup(1)면접(1)MVC(1)객체지향 프로그래밍(1)Q&A(1)props drilling(1)SOLID(1)bdd(1)타입스크립트(1)tailwind(1)webpack(1)layout(1)레이아웃(1)bundler(1)reactive(1)아키텍쳐(1)CSS 프레임워크(1)코테(1)reactive programming(1)MVVM(1)좋은 폴더 구조(1)스벨트(1)cross browsing(1)DOM(1)grid-system(1)비즈니스 로직(1)디자인 시스템(1)reset(1)reset-css(1)Behavior-Driven-Development(1)메모(1)기획자(1)tailwindCSS(1)그리드시스템(1)잘하는 프론트엔드 개발자(1)시멘틱(1)게임(1)반응형 프로그래밍(1)피드백(1)테오의 스프린트 14기(1)MVW(1)완성된 글 아님(1)atomic design pattern(1)overflow-wrap(1)일하는방식(1)grid(1)MVP(1)full-stack(1)tip(1)개발실력(1)체크리스트(1)CSS Framework(1)sdd(1)설계(1)서평(1)문서(1)MM(1)Schema-Driven-Development(1)패러다임(1)순수함수(1)불변성(1)자료구조(1)일정관리(1)업무분야(1)풀스택(1)framework(1)프레임워크(1)OOP(1)컴퓨터적으로 사고(1)자가진단(1)공부법(1)스크럼(1)agile(1)2021(1)컴포넌트(1)역사(1)Problems with CSS at scale(1)StateofCSS(1)
post-thumbnail

Vite 이야기 (feat. Svelte)

바이트 아니고 **비트** 입니다. 이번 글은 Vite에 관한 내용입니다. 최근 Svelte와 관련한 사내 발표 내용 중 다들 재미있어 했던 Vite에 관한 이야기를 블로그 형식으로 각색하여 다시 정리해보았습니다. 어떻게 해서 Vite가 탄생하게 되었는지 한번 살펴봅시

2022년 7월 27일
·
23개의 댓글
·
post-thumbnail

BDD? SDD? 팀 프로젝트 다같이 개발설계하는 방법

...지금까지는 계속 혼자하다가 이번에 팀프로젝트를처음하는데요 우선 어떻게 프로젝트를 설계할지부터 막막하더라구요.. 이번 글에 영감을 준 빠밤님에게 감사를 표합니다. 이번 글은 아이디어를 기획과 디자인으로 정리하고 나서 이후 어떻게 다같이 협업을 할때 어떻게 설계하

2022년 7월 1일
·
10개의 댓글
·
post-thumbnail

다시 쓰는 함수형 프로그래밍

> 참 좋은데 어떻게 표현할 방법이 없네... 오랜 기간 개발을 공부하게 되면서 여러가지 패러다임의 변화를 겪었는데 그 중에서 인상깊었던 것중에 하나는 객체지향 패러다임에서 함수형 패러다임으로 넘어오는 것이었습니다. 함수형 패러다임이 알면 쉬운데 참 설명을 하기가 어렵

2022년 5월 11일
·
26개의 댓글
·
post-thumbnail

즐겁게 협업하는 방법! - 애자일과 피드백 그리고 게임

테오가 생각하는 잘하는 개발자라는 것은 어떤 건가요? > ㄴ 음... 저는 코딩 수준이 일정이상이 되고나면 결국 그 뒤에는 좋은 제품을 잘 만드려면 협업이 제일 중요한것 같아요. 연차가 올라갈수록 협업이나 팀 문화에 더 관심이 생기네요. 특히 스프린트를 진행해보면서 더

2022년 4월 14일
·
6개의 댓글
·
post-thumbnail

객체지향 프로그래밍과 javascript (약간의 역사를 곁들인...)

CS개념에서 객제 지향 프로그래밍 그 자체의 개념이 뭔지 궁금하네요. > 자바스크립트의 class는 다른 언어와의 class는 다르잖아요.. 가장 일반적인 객체지향 언어인 Java에서의 객체지향과 자바스크립트의 객체 지향의 시점이 같은 걸까요? > 자바스크립크트서

2022년 3월 3일
·
25개의 댓글
·
post-thumbnail

프로그래밍 패러다임과 반응형 프로그래밍 그리고 Rx

설계에 관한 이야기를 먼저 쓰려고 했는데 먼저 설계의 원칙이라고 할 수 있는 프로그래밍 패러다임에 대한 설명이 선행이 되어야 할 것 같아, 현재 제가 쓰고 있는 개발 패러다임인 반응형 프로그래밍(Reactive Programming)에 대한 이야기를 해보고자 합니다.

2022년 2월 4일
·
15개의 댓글
·
post-thumbnail

DOM은 다들 어떤식으로 공부하셨나요?

... 현재 특정게임을 만드는 방식의 강의를 듣고 있습니다. 강의내용중 DOM에 대해 설명을 하는 데 강의에서는 필요한부분만 말해주니 DOM이라는 큰 틀도 잘모르겠고 강의내용외에 어떤식으로 활용해야 할 지 모르겠더라구요. > > 따로 공부해보려고 mdn에서 찾아봤는데

2022년 1월 23일
·
18개의 댓글
·
post-thumbnail

Javascript에서도 SOLID 원칙이 통할까?

제가 며칠 전에 클린소프트웨어 책을 보니 SOLID 법칙이 나오던데요, 자바나 C++ 같은 클래스 구조로 객체를 만드는 언어에서는 쉽게 따라해볼 수 있겠는데, 함수 위주로 작성하는 js, ts를 사용하는 프론트엔드에서도 사용이 가능한지, 현업에서 클린 소프트웨어를 만들

2022년 1월 20일
·
19개의 댓글
·
post-thumbnail

CSS 역사로 알아보는 CSS가 어려워진 이유

저는 사실 UI 구현하는 것보다는 효율적인 CSS가 무엇인지 몰라서 늘 불만스러워요… > 구현은 어떻게든 해서라도 얼추 되겠는데... 그게 좋은 코드같아보이지않아서ㅜㅜ 프롤로그 맞습니다. CSS는 배우기 어렵지 않으며 CSS를 작성하는 것 역시 어렵지 않습니다. 하

2022년 1월 14일
·
32개의 댓글
·
post-thumbnail

Svelte Rxjs Vite AdorableCSS

"코린이가 처음 듣습니다 스벨트 ㅎㅎ" "리액트 생태계가 너무 탄탄해져서" 나: "...Svelte ㅠㅠ" 왜죠? 어떻게 하다 보니까 힙한 개발자가 되어 버렸습니다. 😢 그래서 오늘의 주제는 제가 쓰고 있는 아주 좋고 힙한 기술 스택 4가지 를 소개해보려고 합니다.

2022년 1월 5일
·
40개의 댓글
·
post-thumbnail

풀스택 개발자에 대해서 어떻게 생각하나요?

혹시 풀스택 개발자에 대해서 어떻게 생각하시나요?? 프론트도 재밌고 백엔드도 재밌는데 둘다 하려고 하니 T자형 개발자가 되기 힘들고, 또 "풀스택개발자는 상상속 유니콘이다" 라는 말도 있어서 어떻게 생각하시는지 궁금합니다!!

2022년 1월 4일
·
26개의 댓글
·
post-thumbnail

프론트엔드 역사와 미래, 업무 분야 ... 그리고 잘하는 프론트엔드 개발자란?

혹시 그럼 이런 글도 혹시 쓰실 생각 있으실까요? 제 질문이지만 아마 다른 분들도 궁금해할 질문같아서요 ㅎㅎ 1. 프론트엔드 포지션이 생긴 이유, 앞으로 어떻게 될지 2. 프론트엔드 개발자의 업무 범위 3. 잘하는 프론트엔드 개발자란?

2021년 12월 28일
·
75개의 댓글
·
post-thumbnail

왜 Svelte(스벨트)를 좋아하나요?

스벨트가 왜 좋으신가요? 스벨트 영업 글도 기대해보겠습니다 ㅎㅎ 프레임워크들의 차이점이나 트렌드가 어떻게 변하고 있는지에 대해서 가져갈 수 있지 않을까..! 프롤로그 > 주의! 이 글은 정말 정말 주관적인 입장에서 작성하였습니다. 개인적으로 Svelte를

2021년 12월 11일
·
23개의 댓글
·
post-thumbnail

프론트엔드에서 MV* 아키텍쳐란 무엇인가요?

MVC, MVVM, MVI 아키텍쳐가 어쩌고 저쩌고... 소프트웨어를 공부하다 보면 한번쯤은 MV__로 시작되는 아키텍쳐라는 용어를 들어본적이 있을 겁니다. 실제로 프로그래밍을 할 때에는 중요하지 않아보이는데 이따금씩 눈에 보여 왠지 알고 가야할 것 같은 개...

2021년 12월 9일
·
25개의 댓글
·
post-thumbnail

프론트엔드 개발자에게 알고리즘 공부가 미치는 영향

'프론트엔드 개발자에게 알고리즘 공부가 미치는 영향' 과 같은 주제로 생각을 적어주실 수 있을까요? ... 공부를 하면서도 제가 짜는 코드에서는 전혀 사용되지 않는 것 같고.. 실무에서는 어떻게 쓰일 수 있을지? 이런 동기부여가 있으면 정말 좋을 것 같습니다…!!

2021년 12월 6일
·
20개의 댓글
·
post-thumbnail

2021 웹 프론트엔드 공부법 - 입문자편 <커리큘럼>

예전 글에서는 삼천포로 빠져서 하지 못했던 프론트엔드 입문자를 위한 커리큘럼 내용에 대해서 좀 적어보려합니다. 1. 가위바위보만들기 2. 다른글자찾기게임 ....

2021년 12월 3일
·
25개의 댓글
·
post-thumbnail

figma를 이용한 더 나은 기획-디자이너-QA-개발 협업 방법

if(kakao) After talk 에서 하고 싶었던 이야기 중에서 시간이 없어서 다 전달하지 못했던 figma를 이용한 협업 - 기획자 편입니다.디자인을 개발로 구현하는 과정에서 figma의 기능을 결합하여 디자인 -> 개발의 비용을 최소화해보자라고 만든 시도가 A

2021년 11월 29일
·
17개의 댓글
·
post-thumbnail

2021 웹 프론트엔드 공부법 - 입문자편 (feat. svelte)

프롤로그 안녕하세요. 웹 프론트엔드 개발자가 되고 싶은데 무엇부터 해야 할지 막막한 사람들을 위 제가 비전공자 개발자 지망생에 가르쳤던 커리큘렴(?)을 되돌아 보며 2021년 맞춤식으로 다시 한번 정리해 보았습니다. node, npm 설치는 알아서 하시구요 gi

2021년 11월 27일
·
12개의 댓글
·
post-thumbnail

if(kakao) after talk 후기 - 요즘 웹 프론트는 디자니어와 CSS 협업 어떻게 해요?

디자이너가 한 디자인 작업물을 최대한 문제없이 빠르게 개발로 옮기기 위한 여러 가지 고민들, 문제점. 그렇게 해서 탄생한 자체 개발 라이브러리, 플러그인 개발에 대한 뒷이야기를 공유합니다. 즉석 Q&A 환영합니다. 그리고 각자만의 디자이너와 FE간의 협업 문화, 고민

2021년 11월 23일
·
12개의 댓글
·
post-thumbnail

[프론트엔드] 일단 한번 해보세요! 함수형 프로그래밍.

프론트엔드 개발자가 왜 함수형 프로그래밍을 배우고 써야 하는지 이유에 대해서 말해볼까 합니다. 그리고 글 말미에는 더 clean하고 safe한 코드를 작성하기 위해 당장 시작할 수 있는 간단한 팁들을 준비했습니다.

2021년 11월 5일
·
6개의 댓글
·