뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, 남들 모르는 크롬 개발자도구 소소한 기능 8개
서원석님의 학습노트

남들은 모르는 크롬 개발자도구 소소한 기능 8개

#전체
#개발자
#프론트엔드
#개발자도구
#숨겨진기능
#소소한기능
#코딩애플
#크롬
#devtools
#snippets
#adblock
#크롬 스크린샷
#크롬 screenshot
#풀사이즈스크린샷
00:00command + shift + p(ctrl + shift + p)로 검색모드 활성화
00:031. 개발자용 스크린샷 node screen shot은 유용해보임
00:552. Coverage 기능 css, js 파일이 실제로 어느 정도 percentage로 활용되고 있는지 파악 가능(안쓰는 함수, css 속성 파악 가능)
01:593. FPS 파악 기능
02:254. Sensor 기능
03:265. Code Editor 기능 로컬의 workspace를 크롬 개발자 도구와 연결해서 개발자 도구에서 수정한 내용이 파일에도 반영되도록 연동 가능(물론 화면에도 실시간으로 반영됨)
04:236. Live Expression 기능
05:127. Snippets 기능
06:138. Ad Block 기능
✔ 학습 완료

이런 러닝패스는 어때요?

서원석님의 다른 노트는 어때요?

서원석의 프로필 이미지
서원석
의 학습노트

리액트로 이미지 미리보기 구현(feat. useState, useEffect, useRef, FileReader)

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
25
00:01
이 학습노트에서 구현하는 결과물 입니다.(파일 선택기에서 이미지 파일을 고르면 이미지 미리보기)
00:25
코드 살펴보기 시작
👍
2
스크랩
서원석의 프로필 이미지
서원석
의 학습노트

네거티브 마진 negative margins | 코딩가나다 | 빔캠프

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
6
04:38
B에 negative margin을 적용하기
05:00
마크업 상에서 아래 쪽에 위치하면 위로 올라갑니다. *negative margin과 상관없는 이야기
👍
6
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기