Programming/쓸모있는 정보들 (14) 썸네일형 리스트형 자바스크립트 Online Editor 추천 업무용 IDE는 Webstorm을 사용 중이고, 자바스크립트 테스트용 에디터가 필요해서 조사한 목록이다. 개인적으로 웹뷰는 사용할 일이 없고, 다크모드를 선호하기 때문에 Replit이 승리! (2021.05.18) 경솔한 리뷰를 다시 수정한다. 한달간 사용해본 결과, Replit 이 종종 Connection이 끊기거나 런타임 시 행이 걸리는듯한? 느낌을 받을 때가 있다. 무료 플랜이라 그런건가? 특히 온라인 에디터로 알고리즘 문제를 푸는 나에게, 더 없이 답답한 일이 아닐 수 없다! 이 시점에 Code Sandbox로 갈아탔다. 한달 더 사용해보고, 문제가 있으면 다시 공유할 예정! Code Sandbox - 장점 : 웹뷰, 콘솔 제공함, React, Nodejs 등 다양한 템플릿 제공 - 단점 : 아직.. localhost에서 CORS 해결을 위한 임시 방편 Localhost에서 테스트 코드를 작성할 때, CORS 이슈가 발생할 경우가 있다. (Webpack Dev Server를 사용한다면 프록시를 사용하면 된다.) 아래 명령어를 Terminal에서 실행한 뒤, 오픈되는 크롬을 사용하면 CORS 이슈가 발생하지 않는다. Mac OS 기준 $ open -na Google\ Chrome --args --user-data-dir=/tmp/temporary-chrome-profile-dir --disable-web-security --disable-site-isolation-trials Google IO Extended 2019 Seoul Track A 요약 Track1. 장한보람 Whats new in web Web at Google I/O Chrome을 포함해서 Web의 전체적인 업데이트 키워드 : 신속성, 확장성, 보안 >> 사용자 경험을 위해 신속성 V8 개선 Image Lazy Loading: 고화질 이미지 렌더링 속도 개선을 위해 Image Lazy Loading으로 처리, 데이터 절약 다른 라이브러리 사용 없이, image/iframe에 loading Attribute 체크해서 알아서 이후 동작을 핸들링한다. chrome canaria에서 테스트 가능 Portal : 새로운 페이지 전환 효과, Iframe과 다르게 최상위 레이어로 볼 수 있다. chrome canaria에서 테스트 가능 Lighthouse : budget.json에 script,.. Mac에서 백쿼트(`) 사용하기 한글 상태에서 옵션 + ₩ 눌러서 사용하기 카카오의 프로토타입 툴, Oven 프로토타입 전용 툴을 찾던 중, 알게된 카카오의 Oven을 알게 되었다. Axure, Balsamiq Mockup 은 유료라 전문기획자가 아닌 나에겐 사치스럽고, 파워목업은 윈도우 전용이라 고민하던 차에 Oven을 써보기로 했다. Oven 실행환경 : 웹 브라우저 (윈도우, 맥 무관) 비용 : 무료 https://ovenapp.io/ Oven에 접속한 뒤 로그인하면 "프로젝트 대시보드"가 생성되고, 기존에 기획한 프로토타입 목록을 보거나 새로 생성할 수 있다. 또 협업을 위해 프로젝트를 공유할 수 있는 기능도 제공한다. 상단의 "새로운 프로젝트 만들기" 버튼을 클릭하면 이름, 상세 등 기본 정보 외 서비스하려는 디바이스에 따라 화면 사이즈를 선택할 수 있다. 프로토타이핑을 위한 컴포넌트 요소, 벡터 아이.. 내가 사용하는 비밀번호는 얼마나 안전할까? 개발자 보안 교육에서 소개받은 사이트이다. 패스워드를 입력하면, 입력한 패스워드를 해킹하는데 소요되는 시간을 알려준다! https://howsecureismypassword.net/ 이전 1 2 다음
