Let's Write_ 프론트엔드

시니어 프론트엔드 개발자처럼 크롬 개발자도구 사용하기

TIL

1. Run command
2. [console] 마지막 실행 결과 참조 $_
3. [network] XHR 재요청
4. [network] 화면 로딩상태 추적하기
5. [console] 변수복사 : copy
6. [network] 이미지를 data URI 로 복사하기
7. [console] 테이블로 객체배열 보기
8. [Elements] 드래그앤 드랍
9. [Console] 현재 선택된 요소 참조 : $0
10.[Elements] css 가상 클래스 작동
11. [Elements] 요소 숨기는 단축키 : H/h
12. [Elements → Console] DOM 요소를 글로벌 임시 변수에 저장하기

 

junwoo45.github.io/2020-07-28-chrome_devtools/

 

<번역>시니어 프론트엔드 개발자처럼 크롬 개발자도구 사용하기

시니어 프론트엔드 개발자처럼 크롬 개발자도구 사용하기 이 글은 bitfish의 Use Chrome DevTools Like a Senior Frontend Developer을 번역한 글입니다. 원문은 Use Chrome DevTools Like a Senior Frontend Developer 에서 확인

junwoo45.github.io

 

맥북 좋은점 알려드립니다.

생각일기

왜 개발자들은 맥북을 쓰는가?

 

1. 커맨드를통한 편리한 설치

 

이게 가장 클 것 같네욤.

homebrew 짱짱!

이거 한번 설치해두면 크롬이랑 필요한 많은 것들을 설치 가능!

 

(와우 ,, ,방금 매우 좋은 글 찾았습니다ㅠㅜㅠ 쉘스크립트와 홈브류를 통한 

Homebrew와 Shell Script를 사용하여 맥(Mac) 개발 환경 구축 자동화하기

https://dev-yakuza.github.io/ko/environment/configure-development-environment-on-mac-with-homebrew-and-shell-script/

 

좋은글 작성해 주신 블로그 주인님 감사합니다...

dev-야쿠자 님은 리액트 네이티브 관련해서 책도 쓰신 분이죠 ^^ 우연한 검색으로 또 찾아 들어가게 되네요.

 

2. 직관적인 UI

직전 글에서 쓴 것처럼

토글형 폴더 구조형은 깊은 구조 접근을 편하게 해서 파일관리하기 좋게 합니다.

 

3. 터미널 사용이 편리하다~(사실 윈도우 CMD랑 차이는 잘 모르겠음;;)

 

4. 편리한 트랙패드! 모션을 편리하게 쓸 수 있습니다.

 

5. 아이패드 아이폰이랑 같이 쓰면 좋음

내 아이패드는 구형이라 보조화면으로 쓰는 사이드카 기능은 불가능 하지만, 여튼 요즘 버전들로 사면 가능하구요, 

구형이어도 되는 것은

맥북이랑 아이패드 붙여놓으면 두개 사이에 연동되어서

보던 웹사이트를 공유하거나 복사한 내용 즉 클립보드 연동이 됩니다.

 

아이폰이랑 연동된 경우엔 전화오면 맥북도 울어요...ㅋㅋ

 

...맥북 물먹은거같아서 수리하러 가야하는데,,, ㅠㅠ 슬프다,,

 

맥북 단점

비쌈..

'생각일기' 카테고리의 다른 글

커밍홈~191126 시작하는 글과 오늘일기  (0) 2019.11.26

[1w 4] 프론트엔드 프로젝트가이드

기술서적 - 주4회 10페이지 읽기

~402p

제이쿼리로 구현. 코드를 따라가가며 만들고있는데 구글맵 방식이 바뀌는 등, 작동에 있어 이슈가 있다.
현재 수정중.

작동안되는 부분 수정하고 기능 업그레이드해서 구현해봐야겠다.