이 글은 5월 12일 LINE과 일본 Vue.js 에서 주최한 미트업에서 발표한 후기입니다.

이 LINE 입니다.

요약

LINE 그리고 Vue.js 일본의 배려에 감사의 말씀을 드립니다.
청자가 한국어 사용자가 아니라 발표를 할때 고려해야할 것들이 많았습니다.
통역이 있는 발표는 연습이 더 필요했습니다.

실제 발표한 내용의 상세 내용은 다른 글에 적어서 공유하겠습니다 :)

2월 어느날 트위터로 메시지를 하나 받았습니다.

종종 메시지를 받기는 하지만 보낸 사람이 무려 kazupon 님 이었습니다.

kazupon님은 Vue i18n 이라는 Vue.js의 국제화 라이브러리의 메인테이너 입니다. kazupon님과 저의 인연은 2016년 6월 즈음으로 거슬러 올라 …


직접 테스트할 수 있는 URL은 아래에 있습니다 🎿

이 글은 문자열을 가진 배열을 정렬할 때 만날 수 있는 상황들 중 몇 가지를 살펴봅니다.

닉네임을 정렬해서 선물을 주는 온라인 세미나에서는..

15명이 참여하는 자바스크립트 개발자들을 위한 온라인 세미나를 열었다고 가정합니다. 참여한 모두에게 아래 조건의 결과에 따라 다른 현금을 선물로 준다고 합니다.

조건은 다음과 같이 알렸습니다

  • 자바스크립트를 이용해서 정렬합니다.
  • 어떤 문자를 사용해도 상관없습니다
  • 닉네임을 기준으로 오름차순으로 정렬합니다.

참여한 사용자의 닉네임은 다음과 같습니다.

const 참여한사람 = [
'!import!',
'!중요!',
'?qa?',
'?질문?',
'Kore@',
'Korea',
'[Test]',
'[테스트]',
'kore@',
'kor …

어몽어스 아바타 메이커는 2020년 10월 26일에 만들었고 11월 말에 구글 플레이 정책에 따라 삭제된 앱입니다

앱 개발 이후 게임 내 이미지 저작권 관련하여 개발사 InnerSloth에 사용에 관한 문의를 하였으나 현재 더 이상 진행하지 않았습니다.

2주동안 만들어진 사용자들의 아바타 1만여개 중 일부

개발 계기

2020년 11월 초, 조카가 핸드폰을 보여주면서 재밌는 게임이 있다고 알려줍니다. 당시 조카는 아직 한글을 쓰거나 잘 읽지 못한는 5살아이였기 때문에 아무 버튼이나 눌러서 어몽어스를 해보려고 했습니다. 같이 멀티플레이를 해보았으나 어떻게 게임을 하는지 모르고, 임포스터로 지목되더라도 채팅을 칠 수 없어서 번번히 가장 먼저 죽곤 했습니다.

조카는 제대로 플레이하지 못하면서도 …


이 글은 데이터를 웹 애플리케이션에서 최초 렌더링 이후 다음 페이지에 들어가기전에 미리 요청하고 캐시하는 방법을 다룹니다.

Nuxt.js의 Smart Prefetching 및 React Query를 통해 아이디어를 얻었습니다.코드는 Nuxt.js를 다루지만 일반적인 자바스크립트를 사용합니다

웹 기반 기술들은 더 빠른 사용자 경험을 사용자에게 제공하기 위해 여러가지 기술을 제공하고 있습니다.

대부분의 경우에 에셋 불러오는 과정을 최적화하여 첫번째 렌더링과 그 이후 페이지 렌더링을 최적화합니다.

현재 활용할 수 있는 브라우저가 웹페이지 또는 웹 앱을 빠르게 불러오는 기술을 간단히 소개합니다.

여기서 브라우저의 에셋은 보통 HTML, C …


들어가기에 앞서⚡️

Dart의 extension method 소개

Dart 프로그래밍 언어는 특정 원시형 (Primitives) 또는 클래스를 확장할 수 있는 도구를 제공합니다. 예를 들면, 문자열을 숫자로 바꾸는 아래의 메소드가 있다면,

int.parse('42')

아래와 같이 원시형 문자열에서 파생되는 새로운 메소드를 만들 수 있습니다.

'42'.parseInt()

구현은 다음과 같습니다.

extension NumberParsing on String {
int parseInt() {
return int.parse(this);
}
}

이는 Ruby 또는 Python 에서 지원하는 extension method 와 동일합니다.

Java의 경우에는 static 메소드, JavaScri …


Ember.js의 마스코트 Tomster

⛔ 이 글은 Ember.js를 홍보하는 글이 아닙니다.
⛔ 특정 라이브러리, 프레임워크를 옹호하지 않습니다.

Ember.js에서 Vue.js로 넘어가다

2015년 정도에 Ruby on Rails를 한창 하던 시기에 Ember.js를 함께 사용하였습니다. Ember.js가 Ruby on Rails 를 사용하는 개발자들에 의해 만들어져 같은 구성을 가지고 있어 통합이 꽤 괜찮았고, 별 다른 설정 없이 json-api 를 지원하는 것도 큰 장점이었습니다.

프론트엔드의 웹 컴포넌트와 구글의 Polymer의 출현으로 컴포넌트 개발 방식에 관심을 가지기 시작했고 Router와 Controller를 기준으로 많은 작업이 이루어졌던 Ember.js도 컴포넌트 방식으로 점차 변화되 …


이 글은 Nuxt.js 프로젝트를 만들어주는 도구인 create-nuxt-app 에 TypeScript 지원 Pull Request가 머지되기까지의 과정을 다룹니다.

오래 걸린 Pull Request라 과정이 정확히 기억나지 않아 기록만 남겨볼까 하는 마음에 적어보았습니다

사실 중요한 내용 : 아래 명령어로 새로운 Nuxt.js 앱을 TypeScript 기반으로 만들어보세요

npx create-nuxt-app <새 프로젝트 이름>

GitHub 활동 중 가장 지겹고 오래걸린 Pull Request였습니다. 머지되기 3일 전에는 매일 보는 Recent Activity에 떠있어서 머지 안할거면 그냥 닫아달라고 할까 고민도 했습니다 …


스타트업 기술 블로그 모음을 만들며에서 이어집니다.

페이지를 불러오는 속도를 높이기 위해 다시 만들었습니다 주소는 https://metapost.dev 입니다.

정말 감사합니다!

이 글을 작성하는 2월 22일 토요일 11시 30분기준 5일동안 1400여 사용자께서 스타트업 기술 블로그 모음에 방문해주셨습니다. 정말 감사합니다.

다시한번 글을 써주신 스타트업 종사자 분들께 감사를 드립니다.

처음 공개를 한 다음 큰 기대없이 지인분들께 알려드렸는데 건너건너 많은 분들께서 봐주셔서 이를 어떻게 해야하나 고민이 조금 있었습니다. 원래 목적인 꾸준히 “다른 회사의 기술블로그에 관심을 가지자”에 맞게 이번주에도 여러번의 업데이트가 있었습니다.

5일간 총 …


한줄요약. 일일히 손으로 작업했습니다. 자동화 노하우같은 것은 기대하지마세요.

길어서 읽기 힘드시면 아래 링크를 눌러 확인하세요

마지막까지 읽으시면 어쩌면 재밌을지도 모르는 통계가 있습니다.

우선 업무시간 중에 기술 블로그를 작성할 시간을 준 회사들에 감사의 말씀을 드립니다. 업무 시간외에 썼다면 그 시간을 할애해준 개발자분들께 더욱 감사의 말씀을 드립니다. 열심히 글을 공개해주시지 않았으면 마무리를 못했을 것 같습니다.

그리고 원티드의 채용 공고로부터 데이터 수집을 시작했습니다. 원티드에 감사의 말씀을 드립니다.


Flutter 기본 디버그 설정으로는 한번에 안드로이드와 아이폰 에뮬레이터를 볼 수 없습니다. 한번에 한 기기에만 연결이 되기 때문입니다

같은 코드 / 다른 결과

위 시뮬레이터에 HELLO WORLD를 보여주는 코드는 아래와 같습니다.

@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: Center(
child: Text('HELLO WORLD'),
),
);
}

이같은 문제를 해결하기 위해 두 플랫폼의 에뮬레이터를 동시에 켜서 작업하는 것이 필요합니다.

비주얼 스튜디오 코드의 디버그 설정에 다음과 …

ChangJoo Park

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store