개발자로 살아남기-캐나다

제가 최근에 크리스마스 연휴를 보내가다 문득 필요한 게 있어서 크롬 익스텐션을 하나 만들어 보았습니다. 화면에 blur 한 부분이나 화면 전체를 가리는 팝업을 제거해주는 플러그인입니다. 최근 들어 많은 웹사이트들이 부분적으로 가리고 전체 화면 뛰워서 가입 안 하면 못하게 하는 방법을 많이 사용하고 있어서 만들었습니다. 물론 여러 웹사이트들은 자바스크립트로 콘텐츠를 부분적으로 보여주거나 가짜 데이터를 보여 주는데 그러면 어떻게 할 수가 없습니다. https://chrome.google.com/webstore/detail/visibilize/cepdgdncnnflfcmahndoefpkljnnebmn?hl=en&authuser=0 Visibilize Remove all blurred contents and r..

최근들어 많은 웹사이트들이 blur 효과와 회원가입 창을 화면 전체에 뛰어서 원하지 않는 가입을 강요 합니다. 여러 서비스가 필요하다면 유저가 가입 하겠지만 어떤 한 정보만 확인 하고 가고 싶은 유저에게는 사요을 많이 불편하게 합니다. 그래서 이번에 공부도 할 겸 크롬 익스텐션을 한번 리액트로 만들어보고 런칭을 해보려고 합니다. 만들고자 하는 기능은 간단 합니다. 유저가 익스탠션을 클릭하면 로딩된 것중에서 filter blur css 효과를 없에주고 화면 전체를 가리는 회원가입 권유 창등을 제거 해 줍니다. 일단 그러기 위해서는 리액트 프로젝트 설정을 해야 합니다. 먼저 create-react-app을 통해서 시작을 해보겠습니다. 타입스크립트 공부도 할 겸 일단 타입스크립트를 베이스로 만들어 보겠습니다...

안녕하세요 캐나다에서 개발로 밥 먹고 사는 피들입니다. 프론트 앤드 개발자라서 크롬 개발자 도구는 거의 항상 사용하고 있습니다. 개발자 도구가 없었다면 어떻게 개발을 하고 있을지 상상도 가지 않습니다. 개발을 하는 도중에 콘솔로 찍어볼 때도 필요하고 애러가 어디에서 생겼는지 자바스크립트 코드 간단하게 돌려보기, 퍼포먼스 체크 등 할 수 있는 일이 무궁무진합니다. 제가 모든 것을 커버하지는 못하겠지만 많이 사용하는 도구들에 대해서 설명 및 사용방법에 대해서 알아보도록 하겠습니다. 크롬 개발자 도구를 여는 방법 멋있게 단축키로 열기 Mac - Command + Shift + c Pc - Window + Shift + c 마우스 화면에 오른쪽 클릭 inspect 클릭 개발자 도구 위치 지정하기 먼저 개발자 도..