본문 바로가기

분류 전체보기124

자바스크립트(변수/타입) 1.변수 - 데이터를 저장할 수 있는 메모리 공간입니다. - 값이 변경될 수 있습니다. - 자바스크립트의 변수는 자동으로 타입이 저장됩니다. - let 키워드를 사용하여 변수를 선언합니다. - var( 아주 예전에 변수 선언하던 방식. 문제점이 많아 지금은 사용 권장X) 파이썬 자바스크립트 name = '김사과' let name = '김사과' let - 지역변수, 전역변수의 구별이 확실합니다. (이전에 사용하던 var키워드는 지역-전역변수 구분 불가능) - 같은 이름의 변수를 선언할 수 없습니다. let 변수명 = 값; 또는 let 변수명; 변수명 = 값; (수정은 변수명만 사용하여 새로운 값을 대입해주면 된다.) 상수(constant) - 한번 선언된 상수는 다시 재정의 할 수 없음 - 값을 재할당 할.. 2023. 10. 21.
자바스크립트 1. 자바스크립트 (JavaScript) 언어의 역사 자바스크립트(JavaScript)는 현재 웹 개발 및 앱 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 언어의 역사를 간단히 요약하면 다음과 같습니다: 1. 초기 개발: - 1995년, 넷스케이프 커뮤니케이션즈(네비게이터 브라우저(90% 이상의 점유율)를 개발)의 프로그래머 브렌단 아이크(Brendan Eich)가 익스플로러로 인한 점유율 하락을 극복하기 위한 방안 중 하나로 "모카(Mocha)"라는 언어를 개발했다. (나중에 "라이브스크립트(LiveScript)"로 이름이 변경되었다.) 2. 자바스크립트로의 이름 변경: - 1995년 말, 선 마이크로시스템스(Sun Microsystems)의 자바(Java) 인기에 편승하기 위해 ".. 2023. 10. 20.
CSS 애니메이션/우선순위/변수 1. Transform / Transition transform 요소의 시각적 모양을 변경하는 데 주로 사용됩니다. 주로 2D 및 3D 변형을 적용하는 데 사용됩니다. - translate: 이동 - rotate: 회전 - scale: 확대, 축소 - skew: 경사, 비틀기 transition CSS 속성 값의 변화에 부드러운 전환(transition) 효과를 제공하는 기술입니다. 이것은 주로 요소의 상태 변화, 마우스 호버 이벤트, 클릭 등과 관련이 있습니다. - property: 요소에 추가할 전환효과를 설정 - timing-function: 전환효과의 값을 설정(linear, ease...) - duration: 전환효과를 나타내는 시간을 설정 - delay: 설정한 시간만큼 대기하다 전환 효과를.. 2023. 10. 16.
CSS flex 1. Flex 레이아웃 `display: flex`는 CSS의 속성 중 하나로, 요소의 자식 요소들을 수평 또는 수직으로 정렬하기 위한 레이아웃 방식입니다. 부모 요소에 `display: flex`를 적용하면 그 부모 요소는 "flex 컨테이너"가 되며 그 안의 자식 요소들은 "flex 아이템"이 됩니다. Flexbox 레이아웃은 아이템들을 자동으로 조절하여 화면에 맞게 배치하며, 레이아웃을 보다 쉽게 제어할 수 있게 합니다. 이를 통해 반응형 디자인 및 복잡한 레이아웃을 쉽게 구현할 수 있습니다. flex-wrap: 플렉스 라인에 여유가 없을 때 플렉스 요소의 위치를 결정하는 속성 nowrap: 기본값. 플렉스 요소가 다음줄로 넘어가지 않음. 요소의 너비를 줄여 한 줄에 배치 wrap: 플렉스 요소의 .. 2023. 10. 15.
CSS 디스플레이, 포지션 1. CSS display ( : block, inline, inline-block, none) - 웹 페이지의 레이아웃을 결정하는 속성입니다. ✔ visibility: hidden; / visibility: visible; visibility: visible - hidden은 글씨만 나타났다 없어지고 dispaly: block - none은 글씨가 차지하던 자리까지 함께 나타났다 없어짐. 2. CSS position - position은 요소의 위치를 결정하는 방식을 설정합니다. 1. 정적 위치 지정방식 ▶ static Position (기본값) - HTML 요소의 위치를 결정하는 기본적인 방식 - 단순히 웹 페이지의 흐름에 따라 차례대로 요소들이 위치를 결정하는 방식 2. 상대 위치 지정방식 ▶ re.. 2023. 10. 15.
CSS 텍스트/배경 1. CSS의 text CSS에서 텍스트를 꾸미는 방법은 아주 다양합니다. letter-spacing: - 텍스트 내에서 글자 사이의 간격을 설정합니다. 예) 안녕하세요. 오늘은 화요일! 안 녕 하 세 요 . 오 늘 은 화 요 일 ! word-spacing: - 텍스트 내에서 단어 사이의 간격을 설정합니다. 예) 안녕하세요. 오늘은 화요일! 안녕하세요. 오늘은 화요일! text-align: (left, right, center, justify) - 텍스트 수평 방향 정렬을 설정합니다. text-decoration: (none, underline, line-throuth, overline) - 텍스트의 효과를 설정하거나 제거하는데 사용합니다. 하이퍼링크 밑줄을 없애거나 리스트의 꾸밈표시를 없앨 수 있습니다.. 2023. 10. 15.

티스토리툴바