본문 바로가기

언어46

[JS] 자바스크립트란 ? - 소개 (프로그래밍이란 ?) 먼저 컴퓨타와 프로그래밍이 무엇인지 확인하고, 자바스크립트에 대해 알아보자 ! ㅇ 컴퓨터란 ? 하드웨어 + 소프트웨어 로 이루어져 있다 . 휴대폰 기계 + 휴대폰 속 여러가지 소프트웨어 와 어플리케이션 등 .. ㅇ 컴퓨터의 실행 방식은 ? 명령어 모음 (프로그램) 으로 명령어를 입력하면 실행 하게 된다 . ㅇ 프로그래밍 언어란 ? 컴퓨터에게 명령하는 언어로 소프트웨어를 만들기 위한 도구 ㅇ 프로그래밍이란 ? 컴퓨터에게 명령 할 프로그램을 만드는 작업 ㅇ 프로그램 : 컴퓨터에게 명령어 모음 ㅇ소프트웨어 : 여러 프로그램 ㅇ 코드 : 컴퓨터가 알아듣는 언어 / 코딩 : 코드 +ing, 컴퓨터에게 명령하는 것 ㅇ 프레임워크 Framework = Frame + work : 뼈대나 .. 2024. 2. 21.
[IT] CSS - box-shadow 그림자 넣기 (border 테두리 활용, 예제) ㅇ box-shadow 란 무엇인가 ? CSS속성 은 요소의 프레임 주위에 그림자 효과를 추가합니다. ㅇ 기본구조 box-shadow: x축 y축 흐림정도 그림자굵기 색상 ; ㅡ x 축으로의 이동이다 . ㅡ 음수도 가능하다. ㅡ 요소의 속성은 3개만 써도 되고 4개만 써도 된다. css 예제1 ㅡ 속성 3개 넣기 div { position: absolute; top: 100px; left: 400px; width: 100px; height: 100px; border: 1px solid red; box-shadow: 2px 10px 5px gray; } css 예제2 ㅡ 위의 코드에서 테두리 굵기 추가 box-shadow: 2px 10px 5px 5px gray; css 예제3 ㅡ inset 추가 div .. 2024. 2. 7.
[IT] HTML - noopener, noreferrer 사용법 정리 ㅇ 먼저 링크에 noopener noreferrer 사용하는 이유는 ? HTML에서 우리가 링크를 만들 때 태그를 사용한다 . 여기에서 href의 링크를 새창에서 열려면 target="_blank" 속상 값을 넣어준다. 이 때 보안상 취약점, 퍼포먼스 저하의 가능성이 있다는 것이다. ㅇ 그렇다면 어떻게 해줘야 할까 ? 이때 추가로 작성해야하는것이 noopener(노오프너) 과 noreferrer(노리퍼러) 이다. noopener : 링크된 페이지에서 window.opener를 사용하여 링크건 페이지를 참조할 수 없게 한다. noreferrer : 페이지 이동할 때 기존 페이지의 정보를 (HTTP헤더로 ) 송신하지 않는다. ㅇ 사용방법 요소 안에 rel=" " 속성을 이용하여 함께 작성해준다. rel=" .. 2024. 2. 6.
[IT] HTML - hidden 속성이란 ? (css 글자수 넘어가면 말줄임표 ) ㅇ hidden ㅡ hidden 속성을 넣어주면 브라우저 상에서 숨기는 기능 ㅡ 개발자 도구로 열어보면 코드는 남아 있다. ㅡ 스크린 리더로 읽을 때에도 숨겨지게 된다. ㅇ input 태그의 hidden 속성 ㅡ 브라우저에는 보이지 않지만 결과값을 넘겨주어서 값의 정보가 확인 가능 하다. ㅇ css의 overflow: hidden 속성 ㅡ 넘쳐흐르는 부분을 숨긴다 . * display: none ㅡ 코드는 존재, 레이아웃에서 사라짐 * visbility: hidden ㅡ 문서의 레이아웃을 변경하지 않고 , 숨김 ㅡ 레이아웃에서 숨기지 않고 나옴 ( 요소의 빈 부분만 나옴) ㅡ white-space : nowrap; 속성은 줄바꿈을 방.. 2024. 1. 31.

티스토리툴바