• AngularJS 개발자의 ReactJS 마이그레이션

    프레임워크 의존성에서 벗어나기 위한 리엑트의 선택 (본 글은 2017년 7월 22일 브런치 글을 옮겨온 것입니다.) 최근 글이 매우 뜸했다. 것도 그런 것이, 학교를 마치고 나서 본격적으로 제품을 만들기 위해 가장 하고싶었던 일이 다름아닌 작년에 포기했었던 리엑트를 올해 꼭 공부해보고, 실제 적용해보고 이를 기반으로 개발환경이나 머릿속에 잡혀있는 Single-page Application에 대한 이해를 ...

    Read More
  • 개발 스택이란 쓸때없는 고민

    언어도, 프레임워크도 아닌 내 욕심이 문제. (본 글은 2018년 5월에 브런치에 올린 글을 옮겨온 것입니다.) 여러모로 큰 고비를 맞은 유라임 개발로 다시 돌아온지 어엿 3주차가 되었다. 쉽지않은 미국 생활에 겨우 개발을 ‘안정적’으로 할 수 있는 시간을 다시 잡았고, 덕분에 지난 11월부터 정체되어 있던 개발을 다시 시작할 수 있었다. 분명 미국에 ...

    Read More
  • 해킹 기록 – 깃헙에 구글 클라우드 API KEY가 노출된지 13분만에 50만원 청구당함.

    열심히 일하고 잠시 쉬고있던 점심시간에 갑자기 이메일로 내 계정이 아마도 크립토 마이닝에 사용되고 있다는 정보를 받았다. 비슷한 이메일을 SendGrid에서도 받았다. 내용인 즉, 내 SendGrid API Key가 Github 저장소에 노출되었다는 것이다. SendGrid에서 찾아준 저 저장소를 살펴보니 예전에 같이 팀프로젝트를 하던 중국 친구가 나한테 한마디 말도 없이 같이 작업하던 본래 private로 되어있던 ...

    Read More
  • React+Redux+Next.js vs Flutter+Firebase

    꽤 오랜 시간을 리엑트로 작업을 해왔던 것 같다. 미국에 와서 유라임을 만드는 데에 처음에는 pure한 JS로 개발을 하다가 AngularJS를 알게되고, 처음으로 backend/frontend의 분리를 알게 되었다. 난 당시만 해도 이게 최선인 줄 알았다. 그러다가 dom에 더덕더덕 붙이게 되는 앵귤러에 특히나 퍼포먼스적인 부분에서 질리고 나서는 대안을 찾다가 리엑트를 알게 되었고, 지금까지도 프론트앤드는 ...

    Read More
  • Flutter 공부중. 리엑트보다 100배 낫다.

    친한 친구의 추천으로 요즘 개발에 있어서 Flutter를 보고 있다. 처음에는 ‘웹’개발용으로 친구의 추천으로 시작한 Flutter프레임워크와 Dart라는 언어가 어느정도 익숙해진 지금에선 꽤나 괜찮게 느껴진다. 기본적으로 내가 불편하다고 생각하던 혹은 버전이 업그레이드 되면서 바뀌던, 리엑트에 있던 패러다임이 전부 들어있다. 그리고 역시 구글에서 만든 언어답게(?) 문법이 꽤나 엄격하다. 그 말인 즉, 컴파일 타임 ...

    Read More
  • 워드프레스 에디터 한글폰트 바꾸기 (Noto Sans)

    맥미니 M1을 구입하고 나서 특히나 크롬브라우저가 너무나도 느려져서 사파리로 옮겼고, 솔직히 사파리는 얘들이 ‘베타’ 라고 주장이라도 하는것처럼 무척이나 빨라졌다. 뭐 빠르던 느리던 다른것보다 중요한 것은 난 사실 글을 쓸 때에 그 appearance에 신경을 많이 쓰는 것 같다. 혹자는 좀 쓸때없다고 하는데, 이건 좀 아닌것 같다. 그냥 애플명조가 기본 폰트고… 사파리에 ...

    Read More
  • [자료구조] 열혈강의 자료구조 후기

    오랜만에 자료구조 책을 본 것 같다. 다 보는데 풀타임으로 잡으면 20시간 정도 걸린듯 하다. C로 쓰여지긴 했지만 왠지모르게 책이 소설읽듯이 술술 읽혀나갔다. 아 나도 확실히 자료구조에 대한 감각이 쌓이긴 했구나. 일단 C로 쓰여있으니 대학시절 느낌이 났다. 자구는 학부 2학년때 배웠는데 난 1학년 마치고 5년이나 휴학을 해서 ㅎㅎ 2012년에서야 다시 복학을 ...

    Read More
  • Chrome NET:ERR_CERT_INVALID 에러 – HTTPS/SSL 체크없이 실행, iterm바로가기 추가

    간혹 크롬에서 signed되지 않은 (self-signed등) SSL을 실행하면 아래와 같이 접속이 불가능할 때가 있다. 사실 인증서가 당연히 안전하지 않은 것이므로 이럴땐 올바른 테스트용 인증서로 작업하는게 정상적인 방법이지만, 매번 SSL 세팅하고 그러는게 여간 번거로운게 아닐때가 많다. 이럴때는 크롬에 certificate체크를 끄면된다. 즉, 인증서 validation을 꺼버리는 것. 크롬을 실행할때 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome –ignore-certificate-errors 이런식으로 ...

    Read More
  • [Webpack] webpack-dev-server 가 느려졌을때

    webpack-dev-server가 느려졌을 때, 일단 내 webpack.config.js의 경우 devServer: { contentBase: path.publicDir, stats: "normal", compress: true, clientLogLevel: "warning", filename: "[name].[hash].js", host: 0.0.0.0, port: 9444, disableHostCheck: true, hot: true, historyApiFallback: { disableDotRule: true }, headers: { "Access-Control-Allow-Origin": "*" } } 이런식으로 되있다. 최근에 webpack 3 -> 4로 업글하면서 아니 무슨 html하나만 바꿔도 ...

    Read More
  • [Babel/Webpack] Webpack 3 -> Webpack 4 와 Babel 6 -> Babel 7에서의 주의사항

    일단 기본적으로 에러가 겁나 많이 난다. 그래도 당황하지 않고 하나 둘 해나가다 보면 언젠간 에러는 잡히는 듯.. .babelrc의 preset확인 Module build failed (from ./node_modules/babel-loader/lib/index.js): TypeError: Cannot read property ‘bindings’ of null 에러 우선 .babelrc 의 preset부터 체크. babel 7부터는 preset-es2015머시기.. 이런거 없다. 전부 @babel/preset-env로 통일 리엑트까지 쓴다면 { "presets": ["@babel/preset-env", ...

    Read More