Programming/JavaScript(34)
-
T사의 코딩테스트 후기(2018.12.26)
- 별 생각없이 이력서를 넣었는데, 다음날 9시에 전화가 왔다. 코딩테스트는 언제 진행하면 편하겠냐고 연락이 왔다.입사동기를 물어보는 문항에 말문이 막혀서 결국 입사지원을 하지 않았던 걸로 기억하는데, 왜 T사에서 연락이 온거지. 그런 생각이 들어서 구직사이트를 보니, 구직사이트에서 지원한 이력이 남아있었다. 요일을 지정했더니, 그 날 18시에 메일을 발송하겠다는 연락을 들었다. 당일이 되서 머리를 좀 비우려고, 산책을 나갔다가 시간에 맞춰 도착했다. 간단한 스케쥴관리 내용을 웹으로 구현하는 문제가 들어있었다. - 결론은 탈락, 원인은 잘못된 학습습관 때문으로 추측한다.VueJs, angularJS, React같은 프레임워크를 사용할 수 없다는 건 딱히 패널티가 아니었다. 오히려 바닐라 자바스크립트와 j..
2018.12.26 -
오늘의 삽질(Nintendo Switch 북미 할인중인 타이틀 확인)
@Markdown>일본 eShop의 API는 파악을 못했지만, 북미 API는 검색 페이지를 참조하니 쉽게 파악할 수 있었다. 아무래도 국가별로 홈페이지 구조가 조금씩 달라서, 국가별로 세일중인 데이터를 수집하려면 크롤링을 하는게 나을 듯 했다. 아직 서버비용을 댈 돈이 없으니 이건 패스.front-end단에서 api 호출시 CORS 이슈가 발생할 줄 알았는데, 닌텐도의 북미 홈페이지에서는 발생하지 않았다. node.js로 진행하고 있던 서버쪽 작업은 멈추고, Vue.js를 이용해서 레이아웃을 작성했다.template {{game.title}} Release: {{game.release_date_display || game.release_date}} ${{game.ca_price}} ${{game.esho..
2018.12.19 -
많이 늦은감이 있는 Steemit dApp 개발과 관련된 조사
@markdown> 스팀(Steem), 그리고 스팀잇(Steemit)이란?[전종현님의 블로그](http://hyuni.me/2017/09/steemit/)를 참조하자. 설명이 잘 되어있다. 짧게 요약하면 스팀은 가상화폐고, 스팀잇은 저자가 글을 씀으로써 스팀으로 보상을 받을 수 있는 플랫폼이다. > 스팀에 왜 급 관심을?스팀은 블록체인에 모든 거래를 기록하기 때문에 그 기록만 꺼낼 수 있으면 어떠한 형태로든지 웹사이트를 운영하는 것이 가능하다. [나무위키](https://namu.wiki/w/%EC%8A%A4%ED%8C%80%EC%9E%87#s-2)에서 참조한 내용이다. 즉, 이더리움 기반의 dAPP을 만들기 위해 solidity를 사용하는 것과는 달리, 서드파티 앱을 사용하는데 러닝커브가 적다. 사실상..
2018.12.17 -
javascript에서 sha256 암호화하기
http://www.movable-type.co.uk/scripts/sha256.html 위의 페이지를 참조하도록 하자. sha256을 암호화하는 로직을, javascript로 구현한 코드다.javascript로 암호화하는 코드를 적용한 경우, 클라이언트에서 해당 파일을 열어볼 수 있다. 이것이 어떠한 문제를 야기할 수 있는가 생각해봤는데, 현재로써 큰 문제를 야기하지는 않을 것 같다. 내 경우에는 php에서 쿼리스트링으로 넘어온 값에 sha256을 적용해야 할 필요가 있었는데, 개발자도구를 통해 확인해보면 키값이 고스란히 노출된다. 따라서 sha256을 javascript 적용하는 게 거의 무의미하다고 생각했었는데, 어차피 해당 키 값을 쿼리스트링으로 전달하는 이상, javasciprt건 activex..
2017.04.06 -
SPA에서 ActiveX의 메모리할당이 해제되지 않는 경우
보통 ActiveX는 페이지가 닫힐 때 메모리 할당이 해제되며, 소멸자까지 실행된다. 그러나 만약 원 페이지 웹을 사용한다면 어떨까? 메모리 할당이 해제될 수도 있고, 안될수도 있다. 나의 경우에는 AngularJS를 이용하여 구현한 원 페이지 웹에서, 이러한 증상이 발생했다. 놀랍게도 해당 증상이 발생한 PC와 동일하게 설정한 후 테스트했으나, 증상이 재현되지 않았다. 아무래도 브라우저 설정에 따라 달라지는 것 같은데, 캐시 등에 페이지를 전환하면서 ActiveX의 소멸자를 호출하지 않는 듯한 증상을 보였다. 당시의 ActiveX는 영상을 스트리밍해서 화면에 출력하는 형태로, 소멸자가 호출됨과 동시에 스트리밍 세션이 종료되도록 구현되어있었다. 그러나 페이지를 전환하더라도 스트리밍 세션이 최대 세 개까지..
2016.10.18 -
웹 폰트를 로컬 스토리지에 적용하는 기법
원문링크: 웹 폰트를 로컬 스토리지에 적용하는 기법 - 웹으로 말해요 숙지해야 할 포인트:- javascript를 head 안에 위치시키면, javascript구문이 실행 완료될 때까지 렌더링이 완료되지 않는다. 로컬스토리지에서 웹폰트를 가져오는 동작은, 캐시에서 가져오는 동작보다 오래 걸린다. 그러나 이러한 동작을 통해서, 2회째 로컬 스토리지에 가져올 때 FOUT가 발생하는 것을 방지한다.- 웹폰트의 경량화.
2016.06.26