본문 바로가기
728x90
320x100
SMALL
[개발자도구] 크롬 개발자도구 사용하는 방법! 프론트엔드업무를 하다보면 프론트엔드는 예민한(?) 아이이기 때문에 오류를 즉각적으로 확인할 수 없다. 그럴떄 사용하는 것이 바로 개발자 도구이다. 개발자도구는 여러가지가 있는데... 그 중에서도 크롬 개발자도구를 알아보도록 하자 시작 단축키 본 화면에서 F12 나 ctrl + shift + i 나 직접 들어가는 방법이 있다. 개발자도구 구성 개발자도구는 크게 elements, console, sources, network, application 등이 있음 Element HTML 요소에 적용된 스타일을 검사할 수 있음 여기서 적용된 CSS를 수정해서 확인할 수 있음 마진이나 패딩값 등을 계산해서 화면을 조정할 수 있음 elements : html 태그표시 style 선택된 태그 모든 css표시(개발자가 넣.. 2023. 9. 10.
프론트엔드와 백엔드, 퍼블리셔 비교 (FrontEnd vs BackEnd vs publisher) 웹퍼블리셔(Web Publisher) 디자인된 페이지를 웹화면으로 구현하는 사람 주로 HTML, CSS, Java Script 사용 최종 디자인이 설정되면 그것을 토대로 HTML, CSS, Javascript로 코딩하는 작ㅇ버을 말함 웹페이지의 디자인을 실제적으로 구현하는 과정을 하는 사람 서버사이드가 감싸는 구조 형태의 웹을 지향하는 웹퍼블리셔 반응형 웹, UI를 만드는 디자인쪽을 지향하는 웹퍼블리셔 프론트엔드(Front-end) 컴퓨터 소프트웨어에서 사용자와 상호작용하는 부분을 말함 이 안에서 웹퍼블리셔(UI), 직접 DB를 다루는 분야(FN)로 나눔 MVC패턴을 예로 들면 View부분을 말함 주로 해당 작업파일을 받아 포팅 작업을 하고, 프론트 엔드 영역 개발 프론트엔드와 퍼블리싱 차이점 퍼블리셔는.. 2023. 9. 10.
포트죽이기 cmd를 관리자 권한으로 들어간다 그 다음 명령 프롬포트에 netstat -a -o taskkill /f/pid pid번호를 입력하면됨 pid가 2600번이네요 taskkill/f/pid 2600쳐서 오라클이라 안죽었기때문에 8081을 죽여보겠따 2023. 2. 15.
[꿀팁] 배경화면으로 바꾸는 방법 여기서 윈도우+d키를 누르면 배경화면으로 돌아간다 몰컴할때 좋음 2022. 12. 21.
특수문자 모음 사이트 https://snskeyboard.com/ 특이한 특수문자 이모티콘 텍대 모음 | ⌨️SNS Keyboard SNS와 채팅에 활용할 수 있는 다양한 특수문자 이모티콘 목록을 제공하는 온라인 도구입니다. snskeyboard.com http://kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 ßßßSmall sharp s, German (sz ligature) kor.pe.kr 2022. 12. 15.
[ETC]티스토리 카테고리 이모지 꾸미기 https://getemoji.com/ 😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌 ✂️ Copy and 📋 Paste Emoji 👍 No apps required Emojis are supported on iOS, Android, macOS, Windows, Linux and ChromeOS. Copy and paste emojis for Twitter, Facebook, Slack, Instagram, Snapchat, Slack, GitHub, Instagram, WhatsApp and more. 😃 getemoji.com 여기서 복사해서 쓰세요 2022. 11. 24.
728x90
반응형
BIG

티스토리툴바