본문 바로가기

컴퓨터 사이언스/TIL 정리85

[프론트엔트][CSS][HTML] TIL - Day 6 수업노트 끄적임 프로젝트를 할 때 기본 골격을 따라가는 것을 권장한다. 인라인 방식과 외부 호출 방식 인라인은 번거롭지만 스타일은 (일괄적으로 하지 않고 관련부분에) 한 줄 한 줄씩 넣어주는 것. 외부 호출 방식을 권장한다. -태그에 대면 mdn 사이트 팝업되는데 거기에 들어가서 나오는 코드 가져와서 사용해도 된다. css 스타일에서는 태그가 꺽쇠가 필요없이 이름만 부른다. 스타일이 길어지면 가독성이 떨어지므로 외부 호출방식이 바람직하겠다. d키(디스크립션)는 탭한 것과 같은 효과가 저절로 생긴다. fieldset은 쟁반역할을 함 안쪽 여백은 마진 바깥쪽 여백은 패딩이라고 한다. legend 그룹핑할 때 사용 caniuse ; 브라우저마다 지원되는 여러 내용들을 확인해 볼 수 있는 사이트 css 스타일에서는 동급의 경우.. 2022. 4. 4.
[프론트엔드][CSS][HTML] TIL -Day 5.2 익숙해지면 좋은 단축키들 1. Ctrl + End 어마무시한 길이의 소스의 그 끝을 알고 싶으시다면? 스크롤 다운으로도 그 곳에 도달할 수 있지만, 그 어느 곳에 있는 커서에서도 Ctrl + End를 누르면 소스의 맨 끝단으로 이동하게 된다. 2. 소스를 실행해보고자 할 때, ① F5키 ② alt + b 3. 저장 ctrl s Ctrl + Shift +s 다른 이름으로 저장하기 4. Ctrl + n 새문서 열기 5. Ctrl + Shift + 오른쪽 화살표 블록지정 live server란? !; HTML 기본 골격을 알아서 넣어준다. -emmet 자동완성기능 auto rename tag 앞의 태그를 수정하면 해당 태그의 닫는 태그도 같이 수정됨 단축키 ul>li*5 하위로 들어간다는 의미 li를 5번 반복할래 2022. 4. 3.
[프론트엔드][HTML] TIL -Day 5.1 수업노트 끄적임 HTML5 CHEATSHEET ; 드래그 앤 드랍, WYSWIG방식 ZENCODING ; 에밋과 같은 거, 선택자 이용해서 빠르게 코딩작성할 수 있음 D2CODING ; 글씨가 헷갈리는 부분이 없게 만든 코딩을 위한 글씨체를 다운 받음 비주얼 스튜디오 코드 프로그램에 가서 왼쪽아래 톱니바퀴 관리 -> 텍스트 편집기 -> 글꼴 ->폰트패밀리 - ->맨앞에 D2CODING이라고 글꼴을 추가해줌. 나갈때는 확인 버튼이 따로 있는 것이 아니니 그냥 X버튼 누르고 나감 form에서 내가 입력한 글자를 이용해서 URL을 넘어가는 방식을 GET방식이라고 함 반면, search?q=%EA%B0%95%EC%84%9C와 같이 되어 알아볼 수 없도록 편지부친 것과 같은 방식을 POST방식이라고 함 PLACEHOLDER 텍스.. 2022. 4. 3.
[프론트엔트] [HTML] TIL Day-3 HTTP와 HTML란? 이미지 출처: pixabay HTTP(Hyper Text Transfer Protocol) : W3(www, world wide web, 월드 와이드 웹, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보공유할 수 있는 정보 공간) 상에서 클라이언트와 서버 사이에 요청과 응답을 위해 이루어지는 정보를 주고 받을 수 있는 프로토콜(컴퓨터나 원거리 통신 장비 사이에 메세지를 주고 받는 양식과 규칙의 체계)이다. 주로 HTML문서를 주고 받는 데에 쓰인다. HTTP를 통해 전달되는 자료는 http:로 시작하는 URL(uniform resource locator, 웹주소, 네트워크 상에서 자원이 어디에 위치해 있는지 알려주기 위한 규약, 이때 FTP는 FTP클라이언트를, HTTP인 경우에는 웹 브라우저(구글 크롬, .. 2022. 3. 30.

티스토리툴바