본문 바로가기

분류 전체보기

 (18)
[CSS] CSS에 주석 적용하는 법 *본 글은 하단의 사이트의 있는 내용을 참고하여 정리한 글입니다.* https://www.w3schools.com/css/css_comments.asp CSS 주석이란?? - CSS 코드를 설명하는 데 사용되는 것으로 후에 소스코드를 수정할 시 도움이 되므로 협업 시에 반드시 필요하다. - 주로 코드를 설명하기 위해 추가하며 실제 브라우저에는 아무 영향을 미치지 않는다. - 주석은 /* */ 내부에 작성해야 한다. 주석 처리 예시 See the Pen Untitled by yuna so (@yoon_a) on CodePen.
[Javascript] Javascript 비교 연산자 *고승원 바닐라 자바스크립트 책과 여러 사이트를 보고 공부하여 쓴 글입니다.* INDEX 비교 연산자 비교 연산자 비교 연산자란? - Comparison operator, 피연산자의 값을 비교하여 논리 값인 참(true)과 거짓(false)를 반환한다. - 피연산자로는 숫자, 문자, 논리형, 객체를 사용할 수 있다. * 동등 연산자, 일치 연산자 - 두 개의 피연산자가 서로 같은지를 비교해 준다 but 같음의 기준이 다르다. - 동등 연산자는 피연산자의 타입이 다른 경우 값을 비교하기 위해 적절한 타입으로 변환한 후 값을 반환한다. - 일치 연산자는 데이터타입까지 비교하기 때문에 값과 타입이 모두 같아야만 참을 반환한다.
[Javascript] Javascript 할당 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴 글입니다.* INDEX 할당 연산자 할당 연산자 할당 연산자란? - 오른쪽에 있는 값(피연산자)을 왼쪽의 피연산자에 할당한다 - 기본적인 할당 형태는 등호(=)를 이용해서 할당한다. - 다른 연산과 할당을 결합하기도 하는데 이는 복합 대입 연산자(복합 할당 연산자)라고 한다.
[Illustrator] 일러스트(AI) 자주 사용하는 단축키 모음 2 * CC 최신 버전 기준으로 작성한 글입니다. CS 버전과 일부 다를 수 있습니다. * 오브젝트(Object) 1. Ctrl + ] : 선택한 오브젝트 앞으로 보내기 2. Ctrl + [ : 선택한 오브젝트 뒤로 보내기 3. Ctrl + Shift + ] : 선택한 오브젝트 맨 앞으로 4. Ctrl + Shift + [ : 선택한 오브젝트 맨 뒤로 5. Ctrl + 2 : 오브젝트 잠그기 6. Ctrl + Alt + 2 : 오브젝트 잠금해제 7. Ctrl + 3 : 오브젝트 숨기기 8. Ctrl + Alt + 3 : 오브젝트 보이게 하기(오브젝트 숨김 해제) 9. Ctrl + g : 그룹 설정(여러 오브젝트 하나로 묶기) 10. Ctrl + Shift + g : 그룹 해제 11. Ctrl + D : 다단..
[Illustrator] 일러스트(AI) 자주 사용하는 단축키 모음 1 * CC 최신 버전 기준으로 작성한 글입니다. CS 버전과 일부 다를 수 있습니다. * 파일(file) 1. ctrl + N : 새 문서(New Document) 만들기 2. ctrl + O : 도큐먼트, 파일 열기 3. ctrl + s : 저장하기 4. ctrl + shift + s : 다른 이름으로 저장 5. ctrl + shift + alt + s : 웹용으로 저장 6. ctrl + alt + p : 도큐먼트 설정 7. ctrl + w : 문서(document) 닫기 -----------------------------------------------------------------------------------------------------------------------------------..
[CSS] CSS의 선택자 01(태그, 아이디, 클래스 선택자) *본 글은 하단의 사이트의 있는 내용을 참고하여 정리한 글입니다.* mdn plus code.tutsplus TCP SCHOOL INDEX CSS 정의 방식 태그 선택자(Type Selector) Id 선택자(아이디 선택자) Class 선택자(클래스 선택자) CSS 정의 방식 - 선택자(Selector) : CSS를 적용할 html 요소를 가리킨다. - 선언(Declaration)은 속성과, 속성값으로 이루어져 있으며 콜론(:)으로 연결해준다. - 선언은 { } 중괄호로 전체를 둘러싸는 형태로 사용하며 그 안의 각 선언들은 세미콜론(;)으로 구분한다. - 선언의 마지막은 꼭 세미콜론(;)으로 마무리한다 Type 선택자(태그 선택자) - html 태그를 직접적으로 가르키는 가장 기본적인 선택자이다. - 대..
[jQuery] 제이쿼리 라이브러리 연동하기 " 자바스크립트 선행지식이 필요합니다, 사용 툴 visual studio code" " 참고 도서 두잇 자바스크립트 + 제이쿼리 입문" INDEX 다운로드(Download) 방식 네트워크 전송(CDN, Content Delivery Network) 다운로드(Donwload) 방식 - 제이쿼리 라이브러리 제공 사이트에서 파일을 직접 다운로드하여 script 태그로 불러오는 방식 - 네트워크 상태와 무관하게 언제든 개발할 수 있다. - https://jquery.com/download/ 에 접속하여 제이쿼리 라이브러리를 다운받는다. 3.6.0이 가장 최신 버전 - jquery.min.js는 압축된 파일로 용량이 작아 로딩이 빠르다. - jquery.js는 줄 바꿈, 주석 등이 포함되어 있는 비압축 파일이고 ..
[Illustrator] 일러스트(AI) 사라진 바운딩박스(bounding box) 찾기 * CC 최신 버전 기준으로 작성한 글입니다. CS 버전과 일부 다를 수 있습니다. * 바운딩 박스(Bounding box) 보이게 하기 - 왼쪽은 바운딩박스가 있고 오른쪽 작업창에는 바운딩 박스가 보이지 않는다. - 바운딩 박스는 오브젝트 크기를 조절하거나 각도를 바꿀 때 매우 중요한 요소로 이 기능이 없으면 작업 효율이 매우 떨어진다. - 메뉴바에 View -> Show Bounding Box 또는 단축키 shift + ctrl + B로 바운딩 박스를 다시 활성화시킬 수 있다. - 반대로 바운딩 박스를 안 보이게 싶다면 View -> Hide Bounding Box 또는 shift + ctrl + B( 바운딩박스를 활성화할 때와 똑같은 단축키 )로 비활성화한다.( but 바운딩 박스를 비활성화시킬 일..

티스토리툴바