DEVGROUND JUNIOR 2019 참여 후기
지난 금요일, 연차를 내고 데브그라운드 주니어에 참석했다. 주니어를 대상으로 한 행사는 처음이었다. 다른 행사에 비해서 공감 가는 내용도 많을 것이고, 주니어 개발자로서 가지고 있던 궁금증을 해소할 수 있을 것이라고 기대하는 마음으로 신청했다. 무엇보다 개발자로서 "성장"에 대해 많은 고민을 가지고 있는 나였기에 더더욱 기대되는 행사였다. 행사에는 굉장히 많은 주니어 개발자들이 참석했다. 이렇게 많은 개발자들이 나와 같은 고민을 하고 있다는것이 가장 큰 위로가 되었다. 준비된 모든 세션들 또한 큰 위로와 도움이 되었다. 어떤 세션에서는 성장에 대한 자극을 받기도 하고, 어떤 세션에서는 어떻게 성장하면 좋을지 방향에 대한 힌트를 얻기도 하고, 어떤 세션에서는 잠시 쉬었다 가도 좋다는 위로를 받기도 했다. ..
최근 게시물
-
Intersection Observer - Lazy-loading, 무한스크롤을 구현하기 좋은 API!Frontend 2020.11.23 11:15
나는 Intersection Observer API를 좋아한다.. 그냥 정이 간다. Intersection Observer는 특정 엘리먼트가 사용자의 화면에 노출되어있는지 감시할 수 있는 API이다. 이 짤 생각나고 귀엽다. web api 중 하나 2016년 4월 구글 개발자 페이지 통해 소개됨 특정 Element가 화면에 노출되어있는지 감시할 수 있는 API Intersection Observer를 사용해서 구현할 수 있는 멋진 것들 1. 이미지 Lazy-loading (지연 로딩) 웹사이트에 이미지가 많을 때 화면 상에 존재하는 이미지를 한꺼번에 불러오면 불필요한 네트워킹 비용이 증가한다. 사용자가 스크롤을 내려 모든 이미지를 보기 전에 사이트를 끌 수도 있는데, 굳이 처음부터 다 불러올 필요가 없다..
-
오랜만에 블로깅오늘뭐했지 2020.08.06 11:17
역시 천성이 게으른지라 블로그 같은 건 꾸준히 못하는구만 코로나의 여파로 모각코도 못 나가고 하니 열정이 쳐진 감이 있다. (변명!) 최근에는 이직을 했다. 이직 만족도는 99%. 요즘 진짜 나는 행운아라는 걸 실감하며 살고 있다. 문득 음 이렇게 행복해도 되는 건가 싶을 정도로.. 지금 다니고 있는 회사 말고, 선택하지 않았지만 합격했던 회사들이 승승장구하는 소식을 들을 때마다 가슴이 약간 아프지만.ㅠㅠㅠㅠ 특히 카카오프렌즈 본사 합병 기사.. 1시간 정도 슬펐음. 그래도 후회가 없다..! 그냥 지금 회사에서 열심히 해서 나도 성장하고 회사도 더 잘될 수 있도록 노력해야겠다는 생각뿐.. 실제로 이 회사에서 진짜 멋지고 좋은 선임을 만나서 비약적으로 성장한 것 같다. 나만 그렇게 느꼈을 지 몰라도.. 안..
-
🔎 Javascript this의 모든것Frontend 2020.03.19 18:18
함수 호출과 this 호출 패턴과 this 바인딩 함수 내부에는 암묵적으로 전달되는 인자가 있다. arguments 객체와 this 이다. this 인자는 자바스크립트의 핵심 개념이다. this를 이해하기 어려운 이유는 자바스크립트의 여러가지 함수가 호출되는 방식 즉, 호출 패턴에 따라 this가 다른 객체를 참조하기 때문이다. (this 바인딩) 호출 패턴에 따라 this가 어떤 객체를 참조하는지 알아보자. 1. 함수를 호출할 때 this 바인딩 함수 내부에서 사용된 this는 전역 객체에 바인딩된다. 여기서, 전역 객체란 브라우저에서 실행하는 경우에는 window객체 Node.js의 경우에는 global 객체 를 뜻한다. global.value = 1; function globalFunction() ..
-
'installVueDevtools' is defined but never used 오류 해결법Frontend 2020.02.03 17:46
'installVueDevtools' is defined but never used 오류 vue cli 3.0 이상으로 electron + vue 환경 구축 시 다음과 같은 과정을 따르게된다. vue create myProject cd myProject vue add electron-builder 이 과정에서 Electron 6.0을 선택하면 오류가 발생한다. error: 'installVueDevtools' is defined but never used 오류 발생 이유 vue-devtools 모듈이 electron 6.0 버전에서 이슈가 있는 모양이다. 이럴 경우 주석처리 된 코드를 해제하고 electron 버전을 변경해주면 해결된다. 이슈 관련 링크 오류 해결법 주석 해제..
-
Docsify와 netlify로 TIL 페이지 만들기Frontend 2020.01.31 00:15
TIL : Today I Learn 오늘 배운 내용을 정리한다. 라는 뜻 개발자라면 한번 쯤 시작해볼까? 마음먹는 TIL Vue, React ... 이것저것 옮겨다니면서 공부하는 요즘, 공부하는 내용 대부분이 휘발성인 것 같은 느낌이 들었다. 2020년을 맞이하여 공부한 내용을 정리하기로 마음먹었다. 현재 나는 Notion을 통해서 TIL를 작성하고 있다. Notion에서 웹 사이트로 옮기려는 이유? Notion도 기록하기 편하고 좋지만, 웹 사이트로 옮기려는 이유는 아래와 같다. 날짜가 아닌 주제를 기준으로 그룹핑하고 싶다. 혼자 쓰고 혼자 보는 공간이다보니, 내용이 부실해진다. Gitgub Public 잔디 심고 싶다. 마크다운 문법 연습하고 싶다. 영감을 받은 TIL 박준우님의 TIL 페이지를 보고..
-
DEVGROUND JUNIOR 2019 참여 후기 (4)IT행사 2019.12.19 14:14
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언DEVGROUND JUNIOR 2019 참여 후기 (3) 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지DEVGROUND JUNIOR 2019 참여 후기 (4) - 현재 글 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존 가이드 개발자도 DB 모델링을 알아야 할까요?용영환 잇츠팩토리 개발자와 DB모델링? 서로 관련이 없어 보이지만 그렇지 않다. 나 또한 잘못 ..
-
DEVGROUND JUNIOR 2019 참여 후기 (3)IT행사 2019.12.19 14:12
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언 DEVGROUND JUNIOR 2019 참여 후기 (3) - 현재 글 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지 DEVGROUND JUNIOR 2019 참여 후기 (4) 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존 가이드 오픈소스 속에서 성장하기 강대명 유데미 다음으로 '혀로그래머' 강대명 님의 세션이 진행되었다. 강대명 님은 '지금부터 하는 이야기..
-
DEVGROUND JUNIOR 2019 참여 후기 (2)IT행사 2019.12.19 14:09
DEVGROUND JUNIOR 2019 참여 후기 (1) 개발자가 갖추어야 할 9가지 기술 / AI: 막막해 하는 당신에게 DEVGROUND JUNIOR 2019 참여 후기 (2) - 현재 글 내가 주니어 개발자 때 알았더라면 좋았을 것들 / 성장을 바라는 웹 프론트엔드 개발자를 위한 제언 DEVGROUND JUNIOR 2019 참여 후기 (3) 오픈소스 속에서 성장하기 / 절망 드리븐 성장: 함께 일하고 싶은 개발자가 되기까지 DEVGROUND JUNIOR 2019 참여 후기 (4) 개발자도 DB 모델링을 알아야 할까요? / AI/데이터 시대를 사는 개발자를 위한 생존가이드 내가 주니어 개발자 때 알았더라면 좋았을 것들 정도현 & 김태현 AWS코리아 다음 세션은 AWS코리아의 김태현 님, 정도현 님이 ..
-
DEVGROUND JUNIOR 2019 참여 후기 (1)IT행사 2019.12.15 21:15
지난 금요일, 연차를 내고 데브그라운드 주니어에 참석했다. 주니어를 대상으로 한 행사는 처음이었다. 다른 행사에 비해서 공감 가는 내용도 많을 것이고, 주니어 개발자로서 가지고 있던 궁금증을 해소할 수 있을 것이라고 기대하는 마음으로 신청했다. 무엇보다 개발자로서 "성장"에 대해 많은 고민을 가지고 있는 나였기에 더더욱 기대되는 행사였다. 행사에는 굉장히 많은 주니어 개발자들이 참석했다. 이렇게 많은 개발자들이 나와 같은 고민을 하고 있다는것이 가장 큰 위로가 되었다. 준비된 모든 세션들 또한 큰 위로와 도움이 되었다. 어떤 세션에서는 성장에 대한 자극을 받기도 하고, 어떤 세션에서는 어떻게 성장하면 좋을지 방향에 대한 힌트를 얻기도 하고, 어떤 세션에서는 잠시 쉬었다 가도 좋다는 위로를 받기도 했다. ..
-
DevFest WebTech 2019 소소한 후기IT행사 2019.11.25 17:21
2019년 11월 23일 토요일, DevFest WebTech에 참여했다. 일시 2019년 11월 23일 (토) 오후 01:00 - 오후 06:00 장소 서울특별시 강남구 대치2동 영동대로 417 구글 스타트업 캠퍼스 이벤트홀 주최 GDG Korea WebTech 현장감있는, 멋진 후기를 쓰고싶지만 ... 세션을 듣는 내내 이런기분이었다. 웹 어셈블리, 웹컴포넌트, 웹워커, 웹 API등 .. 처음 접해보는 개념이 많았고, 완벽하게 알아듣지는 못했지만 굉장히 흥미로웠다. 나중에 따로 찾아보며 공부하기 위해 어설프게나마 필기를 했다. 일정 서울에 가기까지 우여곡절 이야기 더보기 구글 스타트업 캠퍼스는 비교적 최근에 방문한 적이 있는 곳이었다. Tiny Spec Seoul도 구글 스타트업 캠퍼스에서 진행되었었..
-
춘천 시빅해커 네트워킹 데이IT행사 2019.11.25 09:26
2019년 11월 20일, '춘천 시빅해커 네트워킹 데이'에 다녀온 후기글 입니다. 일시 2019.11.20(수) 18:30 ~ 20:30 장소 쿱박스/춘천 거두리 933-2 대상 시빅해킹, 오픈소스&오픈데이터, 디지털 리터러시에 관심있는 모두 주최 춘천사회혁신센터 지역협력팀 말로만 들었던 '쿱박스' 거두리 하나로마트 근처에 있습니다 :) 이번 네트워킹 데이는, 4분의 연사님께서 세션을 진행해주신 뒤, 마지막에 간단한 네트워킹 시간을 갖는 방식으로 진행되었다. 개인적인 사정으로 자리에 함께하지 못 한 권오현 대표님과 김슬 개발자님은 원격 영상으로 세션을 진행해주셨다! 빠띠와 오픈소스 활동 현황 공유 권오현 (주) 슬로워크 대표 빠띠 민주주의 권오현 대표님은 첫 세션을 빠띠 민주주의에 대한 소개로 시작하셨..
-
vue에서 got 모듈 에러 핸들링하기Frontend 2019.11.18 17:57
vue에서 HTTP 요청을 위해 다양한 방법을 사용하는데, 대부분 axios를 많이 사용한다. 국내 레퍼런스, 책에서 대부분 axios를 사용하는걸로 알고있다. 프로젝트 특성 상 header에 cookie값을 넣어야 하는데, axios는 해당 내용을 지원하지 않아서 got 모듈을 사용하게 되었다. 주로 사용되는 모듈들의 스펙을 비교하는 표를 참고하면, 프로젝트에 알맞는 모듈을 선택할 수 있다. got request node-fetch axios superagent HTTP/2 support ❔ ✖ ✖ ✖ ✔** Browser support ✖ ✖ ✔* ✔ ✔ Electron support ✔ ✖ ✖ ✖ ✖ Promise API ✔ ✔ ✔ ✔ ✔ Stream API ✔ ✔ Node.js only ✖ ✔ R..
-
webpack 완전 초보들을 위한 기초Frontend 2019.10.18 19:57
개요 현재 사내에서 진행하고 있는 electron-vue 프로젝트는 보일러 플레이트를 가져다가 시작했다. 웹팩에 대한 아무런 정보가 없는 상태로 개발을 시작했고, 종종 마주치는 알 수 없는 오류가 웹팩 설정 때문인거 같은데 고칠 수 없는 경우가 허다했다. 구글 검색등으로 해결해보려고 했지만 초초초초급 개발자인 나의 눈에는 들어오지 않았고.. 어느날 머리를 식힐 겸 열어본 vue.js 입문 책 끄트머리에 vue.js 고급 개발자 되기 라는 챕터로 webpack에 대한 아주 간단한 설명이 있었고, 정말 간단한 기초인만큼 내 눈에 조금씩 들어왔기 때문에 블로그에 정리하며 공유하고자 한다. 책 이름은 Do it! Vue.js 입문 이다. http://www.yes24.com/Product/Goods/582069..
-
[typeChain 2] 타입스크립트 첫걸음[typescript]typeChain 2018.07.30 16:39
Typed 언어 TS에선 어떤 종류의 변수와 데이터인지 설정해야한다.TS만의 섬세함.코드를 읽을 때, 무슨 일이 일어날 지 예상이 가능하다. index.ts//변수를 생성. js와 같다.const name = "samsara", age = 24, gender = "female"; //함수를 생성const sayHi = (name, age, gender) => { console.log(`Hello ${name}, you are ${age}, you are a ${gender}`) //'가 아닌 ₩를 사용.} //함수 실행sayHi(name,age,gender); //ts의 룰, 이 파일이 모듈이 된다는 것을 알려줌export{}; console.log를 할 때 ' 가 아닌 tap 위의 ₩를 사용해야한다. ..
-
[typeChain 1] 타입스크립트란?[typescript]typeChain 2018.07.18 16:45
typescript로 간단한 blockChain을 만든다.typeScript란 ? superset of javaScript.자바스크립트는 엄격한 규칙이 없어서 수정해서 사용하기 쉬운 장점을 가지고있다.하지만 팀프로젝트를 한다던가, 큰 프로젝트를 한다던가 버그를 최소화하고 싶을땐 단점이 된다.타입스크립트는 자바스크립트에 없는 규칙들을 가지고있다.언어를 예측가능하게 하고, 읽기 쉽게 하여 자바스크립트를 더 잘 활용할 수 있게한다. git repo 생성 , 세팅https://github.com/samsara1019/typechaingit clone https://github.com/samsara1019/typechaingit remote add origin https://github.com/samsara101..