Browsing category: Front-End

  • 2026년 10월 29일

    회원 이름 20자, 무엇을 한 글자로 셀 것인가

    입력창에 이름을 스무 자까지 쓸 수 있다고 적었다고 하자. 사용자는 보이는 글자를 세겠지만 프로그램은 다른 단위를 셀 수 있다. 이모지 하나를 넣자 남은 글자 수가 둘 줄어든다면 누구의 계산이 틀린 걸까. 검증 라이브러리를 고르기 전에 제품이 말하는 “한 글자”부터 정해야 하는 상황이다. 주제를 표현한 개념 삽화. Google Gemini 이미지 기능을 ...

    Read More
  • 2026년 10월 21일

    브라우저 AI 설계: 취소·재시도·전송 경계를 나누는 법

    브라우저 안에서 AI를 실행하는 기능을 설계한다면 결과가 잘 나오는 장면만 볼 수는 없다. 사용자가 기다리다 취소했을 때, 입력을 고쳤을 때, AI 없이 직접 제출하려 할 때도 흐름이 자연스러워야 한다. 취소 버튼은 작은 편의 기능이 아니라 실제 작업 상태를 드러내는 계약이다. 브라우저 AI 기능 소개를 읽으면 서버 호출을 줄이거나 기기 안에서 ...

    Read More
  • 2022년 10월 14일

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

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

    Read More
  • 2020년 6월 2일

    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
  • 2018년 12월 10일

    [NPM/YARN] npm install / yarn install에서 fsevent 관련 에러

    아 주말내내 빡쳐서 진짜 이 에러때메.. 평소엔 잘 되던게 갑자기 그런다. 무슨 fsevent에서 권한이 없다는 얘기도 나오고.. 이건 에러인지 아닌지 간음도 잘 안되고 ㅎㅎㅎ 이 에러는 결국 cache와 npm/yarn 의 캐시 등이 충돌나서 그런 에러로 스스로 판별내렸다. 해결 방법은 그냥 npm과 yarn의 재설치. // 기존 파일 삭제 $ rm -rf ...

    Read More
  • 2018년 6월 9일

    [React-Native] WebView에서 페이스북 로그인 처리하기

    리엑트를 사용하는 이유 중 가장 큰 이유는 아마도 진정한 의미의 one-source-multi-use일 것이다. 패러다임은 크게 바뀌었지만, 그래도 예전에 HTML5가 한창 뜨면서 hybrid web app이 유행한 것과 마찬가지로, PhoneGap이나 Cordova의 그 지속적인 무거움과 세팅에 지쳐가는 사람들이 하나 둘 생각하는 것. 웹 개발 코드를 그대로 앱 개발에도 가져올 수 있다는 생각에서 그렇지 않았을까. ...

    Read More
  • 2017년 6월 23일

    [공부일지] Udemy – Modern React with Redux 완강, 강의정리

    링크: https://www.udemy.com/react-redux 강사: Stephen Grider 강의주제: React, Redux, React-promise 걸린시간: 3일(약 15시간) 평가: 사실 이 강의를 들은건 작년 말인데, 개발에 반년 정도 손떼고 있다보니 ES6부터 해서 리엑트 전부 까먹어서 다시 들었다. 일단 스테판 강의는 일전에도 말했듯이 꽤나 직관적이로 예제 위주라서 따라하기 쉽다. 난이도는 초급 정도이며 초급에 맞게 잘 설명해준다.  강의내용 정리 ...

    Read More
  • 2017년 6월 21일

    [업무일지] Udemy – ES6 Javascript: The Complete Developer’s Guide 완강, 강의정리

    링크: https://www.udemy.com/javascript-es6-tutorial/learn/v4/overview 강의주제: ES6에 대해 다룸. 가격: $10 걸린시간: 2일 (약 6시간) 평가: 꽤나 괜찮은 강의. 모든게 따라하기 식이며, PPT를 쓴다던가 그런거 없음. 다만 가끔 도식화 자료를 통해 설명하곤 하는데 설명이 꽤나 괜찮음. 일단 모든 새로운 feature에 대해 이걸 대체 어디다 쓰는지에 대해 설명해줘서 이해가 쉬움. 강의요약 (내맘대로..) Array Helper Methods ...

    Read More
  • 2017년 6월 21일

    [업무일지] Udemy – ES6 in Practice 완강, 강의 정리

    링크: https://www.udemy.com/es6-in-practice-including-es2016-es2017/learn/v4/overview 강의주제: ES6, ES2016, ES2017 에 대해 다룸 걸린시간: 4일(약 16시간) 평가: 초보자들이 이해하기에는 다소 무리가 있으며, 독일 사람이 강의해서 발음이 조금 쎔. PPT위주이고, 따라하기를 하려 해도 몇배속으로 돌려놔서 힘듬. 강의 스타일이 별로.. 그래도 ES6에 대해서 거의 다 알 수 있음. 사실 이 강의보다 StephenGridder의 강의를 추천함: https://www.udemy.com/javascript-es6-tutorial/learn/v4/overview 강의 정리내용(대충..) Let ...

    Read More
Previous