# 개발자도구

19개의 포스트

Dev-tools

나는 구글의 개발자 도구 정리 페이지와 Traversy Media의 유튜브 강의를 참고해서 개발자 도구에 대해 공부했다. 개발자도구에서 공부한 부분은 크게 여섯 부분이다. >* Elements Console Sources Network Appication Light

2020년 9월 21일
·
0개의 댓글
post-thumbnail

TIL 9. [개발자도구] Elements, Console, Network and Application

웹 브라우저에는 대부분 개발자 도구라는 것이 탑재되어 있다. 말 그대로 개발자들의 작업을 도와주는 도구이다. 개발자 도구를 잘 알면 생산성을 극대화할 수 있다.

2020년 9월 19일
·
0개의 댓글
post-thumbnail

구글 크롬 개발자도구 뜯어보기

웹개발자라면 꼭 한번씩 봤을 크롬 개발자도구.

2020년 9월 18일
·
0개의 댓글

[TIL] 개발자 도구

Elements Elements 패널의 기능은? 👉🏽 페이지와 스타일 검사 및 편집 그리고 스타일 수정을 할 수 있게 도와주는 패널이다 해당 페이지는 몇 개의 section 으로 이루어져있나요? 👉🏽 5개 Instagram 피드의 가로 길이는? Styles

2020년 9월 17일
·
0개의 댓글
post-thumbnail

개발자도구

개발자 도구 읽는 법

2020년 8월 6일
·
0개의 댓글
post-thumbnail

개발자 도구

mac: cmd + option + i or F12 key Elements pannel 페이지와 스타일 검사 및 편집, url이나 img 따오기 좋음. 스타일 수정 좌측 html 우측 css select element button 을 통해 원하는 요소의 코드를 곧바로

2020년 7월 27일
·
0개의 댓글

[개발자 도구] 개발자 도구란?

Chrome DevTools개발자 도구는 브라우저에서 제공하는 도구(tool) 이다. (브라우저마다 개발자 도구가 있다)<span style = "background-color: - 프론트엔드 개발을 할 때 개발자 도구를 계속 켜 놓고 작업하는 경우가 많다.운영체

2020년 7월 24일
·
0개의 댓글

[개발자 도구] local storage, session storage, cookie

로컬, 세션, 쿠키 비교셋 다 사용자 정보를 저장하는 것과 관련이 있다.쿠키는 웹사이트에 방문한 사용자 정보를 사용자의 하드디스크에 저장한다. 개인정보 유출 이슈가 있다.로컬 스토리지와 세션 스토리지는 HTML5 에 포함되어 있는 자료구조이다. 데이터를 웹에 저장한다.

2020년 7월 24일
·
0개의 댓글

#TIL wecode Bootcamp Day 4(DevTool)

Google Chrome DevTool

2020년 5월 29일
·
0개의 댓글
post-thumbnail

개발자도구

웹브라우저에 있는 모든 자원들을 url로 나타낸 http방식에서 (get,post,put,delete)가 있고 하나의 데이터는 하나의 url을 갖도록 작업하는 방식이다.https://velog.io/write?id=a03ddb6f-9cea-47ec-af88-9

2020년 4월 26일
·
0개의 댓글
post-thumbnail

개발자 도구

작성된 HTML들과 styles(css)을 볼 수 있다.styles탭을 보면 css가 적용되는 우선순위로 나누어져 있는 것을 알 수 있다. \* 여기서 우선순위는 선택자에 의한 우선순위나 상속관계에 의한 css적용순위 그리고 sheet들중의 우선순위에 의한 우선순위.원

2020년 4월 24일
·
0개의 댓글

[TIL] 개발자도구_200403

개발자도구의 주요한 특징들을 정리해 보았다. &nbsp &nbsp 로컬스토리지, 세션스토리지, 쿠키 쿠키의 단점을 보완해서 HTML5에서 웹스토리지라는 기술이 탄생했다. 웹스토리지는 로컬 스토리지와 세션 스토리지를 말하며 key와 value 형태로 (마치 객체...?

2020년 4월 4일
·
0개의 댓글

(TIL5) 개발자 도구 관련

로컬스토리지, 세션스토리지, 쿠키의 차이점은? 쿠키 : 만료 기간이 있는 Key, Value 형태의 저장소 1) 장점 : 대부분의 브라우저에서 지원 2) 단점 매 http 요청마다 포함되어 api 호출로 서버에 부담 용량이 작음(4kb) 암호화라

2020년 3월 29일
·
0개의 댓글

2020-03-28 TIL 개발자 도구에 관하여

개발자 도구 개발자 도구는 개발자에 있어서 없으면 안되는 도구이다. 웹개발을 하며 개발자 도구를 사용하면, 개발 능률이 올라가는 것은 물론이고, 개발자 도구를 사용하지 않는 개발자는 없을 것이다. 개발에 도움이 되며 필수적인 개발자도구에 대하여 공부해보겠다.

2020년 3월 28일
·
0개의 댓글

개발자도구 session

사이트마다 다르다1\. 로컬 스토리지, 세션 스토리지, 쿠키의 차이점쿠키의 단점을 보완하기 위해서 HTML5 에서 웹스토리지라는 기술이 탄생했다.웹 스토리지는 Key와 Value 형태로 이루어져있다. \[key: value]웹 스토리지에는 로컬 스토리지와 세션 스토리지

2020년 3월 27일
·
0개의 댓글
post-thumbnail

개발자도구 Network 사용법

수많은 .jsp파일 중에 내가 일 할때 필요한 파일을 수월하게 찾기 위해 개발자 도구의 Network탭을 사용했다.내가 보는 방법을 몰라 정리해둔다.Network탭의 장점 1.Network탭을 이용해 HTTP통신 과정 볼 수 있다. 2.브라우저놔 서버 간의 통신과정에서

2020년 3월 5일
·
0개의 댓글

TIL - 개발자 도구에 관하여...

1. Local Storage / Session Storage / Cookie Web Storage : 서버로 전송하지 않고 만료기간이 없는 저장소. 즉, 한 번 저장한 데이터는 영구히 존재한다. Local Storage : 저장한 데이터를 직접 지우지 않는 이상 영구적으로 보관. Ex) 로그인 정보 Session Storage : 탭을 닫거나 브...

2020년 2월 5일
·
0개의 댓글

개발자도구 (Local, Session, Cookie)

개발자들을 위한 도구 개발을 할 때 우리가 참고해야 할 그 모든 것을 담고 있는 개발자 도구! 그 중에서 가장 자주 쓰이고 유용한 부분들, 궁금했던 부분들에 대해서 정리해보았습니다. 1. 로컬 스토리지, 세션 세션 스토리지, 쿠키의 차이점? Local stora

2020년 2월 4일
·
0개의 댓글

개발자 도구에 대하여

개발자 도구에 대하여 -- 로컬스토리지, 세션스토리지, 쿠키 차이점 -- 회사에서 원하는 것 마다 다른데.. ex. 은행에서는 페이지를 나가면 로그아웃(보안때문에) 예스24는 로그아웃을 하지 않아도 계속 로그인 정보가 들어있고 로그인 되어있는 것 local stor

2020년 2월 4일
·
2개의 댓글