본문 바로가기

✏️

(36)

[JavaScript] 연산자(Operator) / 종류 🔗 기본 사칙 연산자 + , - , * , / , % 🔗 문자열 연산자 + : 문자열 합치기 ex) '감' + '자' => '감자' 🔗 복합 대입 연산자 += : 기존 변수 값에 값을 더하기 -= : 기존 변수 값에 값을 빼기 *= : 기존 변수 값에 값을 곱하기 /= : 기존 변수 값에 값을 나누기 %= : 기존 변수 값에 값을 나누기 한 나머지 구하기 ex) num = num + 10; => num += 10; 🔗 증감 연산자 ++ : 1씩 증가 -- : 1씩 감소 🔗 조건 비교 연산자 >= : (좌변이 우변보다) 크거나 같다. : (좌변이 우변보다) 크다.

[JavaScript] 변수(Variable) / 종류 🔗 변수(Variable)란? 변수란 데이터를 저장하는 장소를 의미한다. 🔗 변수 선언 방법 var let const [JavaScript / ES6] ES6 문법 정리 🔗 const, let 📌 var VS const, let var은 함수 스코프이다. const, let은 블록 스코프이다. 따라서 {블록} 밖에서 변수에 접근할 수 없다. 📌 const VS let let은 변수에 재할당이 가능하다. 따라서 다른.. devjindev.tistory.com 🔗 변수 종류 전역 변수 : 전체 영역에서 사용 가능 한 변수 지역 변수 : 정해진 영역 내에서만 사용 가능 한 변수 매개 변수 : 함수 외부에서 내부로 데이터를 전달할 때 사용하는 변수 멤버 변수 : 클래스 내부에서 만들어지며, 객체에서 사용하는 정..

[JavaScript] alert(경고창) / confirm (선택창) / prompt(입력창) / write(화면창) / log(콘솔창) 출력하기 alert() : 경고창에 출력하기 confirm() : 선택창에 출력하기 prompt() : 입력창에 출력하기 document.write() : 문서 화면창에 출력하기 console.log() : 콘솔창에 출력하기 💡 같이 보면 좋을 Post HTML / CSS / JavaScript 의 역할 및 차이점 (쉽고 빠르게 설명!) 🔗 HTML (Hypertext Markup Language) - 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어 - 웹의 뼈대, 구조를 설계하는 역할 🔗 CSS (Cascading Style Sheets) - 웹 문서의 전반적인 스타일을 미리 저장해.. devjindev.tistory.com

[CSS] flex 🔗 CSS에서 flex란? box와 item 등을 행 또는 열로 자유자재로 배치시킬 수 있는 CSS 속성이다. display: flex; flex-direction : 주축 방향 설정 · row : 가로축 → default · row-reverse : 가로축(역방향) ← · column : 세로축 ↓ · column-reverse : 세로축(역방향) ↑ flex-wrap : 줄바꿈 설정 · nowrap : 줄바꿈 X (1행에 모두 배치 => item width 자동으로 축소됨) default · wrap : 줄바꿈 O · wrap-reverse : 줄바꿈 O (역방향) ▪ flex shorthand flew-flow: flex-direction flex-wrap; justify-content : 주축(m..

[Git] 깃 명령어 정리 🔗 Git 저장소 만들기 > git init : git 초기화 (저장소 생성) > git config --global user.name "내 이름" : 내 이름 등록 > git config --global user.email "내 메일주소" : 내 메일 등록 🔗 현재 시점 저장하기 > git add . : 변경 파일 모두 추적 > git commit -m "커밋 메세지" : 커밋 메세지 추가 🔗 과거로 돌아가기 > git reset 로그 일련번호 앞 6자리 --hard : 과거로 돌아가기 (뒤에 작업 완전히 삭제하기) > git revert 로그 일련번호 앞 6자리 : 과거로 돌아가기 (뒤에 작업 묻어두기) 🔗 branch 분기하기 > git branch : 브랜치 목록, 현재 브랜치 확인 > git b..

[Git] 깃(Git)이란? 깃허브(Github)란? / 차이점 🔗 Git이란? 소스코드 수정에 따른 버전을 관리해주는 버전 관리 시스템(VCS)이다. 모든 파일의 변화를 기록하고, 같은 파일에 대한 각기 다른 버전을 보관한다. 분산형 버전 관리 시스템으로 서버뿐만 아니라 모든 사용자들이 동일한 히스토리 정보를 가지고 있다. 따라서 서버에 문제가 생겨도 어느 사용자든 복제된 저장소를 다시 서버로 복사하여 서버를 복구할 수 있다. 📌 Git VS Github Git은 로컬에서 버전 관리 시스템을 운영하는 방식이다. Github는 Github에서 제공하는 클라우드 서버에서 버전 관리 시스템을 운영하는 방식이다. Git으로 로컬 저장소에서 작업한 내용을 저장한 뒤 해당 내용을 Github에 업로드하는 형식으로 사용한다. 또한 Github에 있는 컨텐츠를 내려 받을 수도 있..

[CSS] animation 🔗 CSS에서 animation이란? CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜주는 CSS 속성이다. @keyframs를 통해 중간 상태를 지정한다. animation-name : 애니메이션 이름 지정 @keyframes name : 중간 상태 지정 (from : 시점 0% ~ to : 시점 100%) animation-duration : animation 지속 시간 (몇 초 동안) animation-delay : animation 딜레이 시간 (몇 초 뒤에) animation-timing-fuction : animation 가속도 · linear default · ease : 빠름 -> 느림 (ease-out 보다 빠른 속도로 시작) · ease-in : 느림 -> 빠름 · ease-out..

[CSS] transition 🔗 CSS에서 transition이란? 애니메이션 속도를 조절하는 CSS 속성이다. transition-property : transition 적용할 속성들 나열 transition-property: width, background-color; => width, background-color만 transition 적용되고, 나머지는 그대로 transition-duration : transition 지속 시간 (몇 초 동안) transition-delay : transition 딜레이 시간 (몇 초 뒤에) transition-timing-fuction : transition 가속도 · linear default · ease : 빠 -> 느 (ease-out 보다 빠른 속도로 시작) · ease-in : 느..

이전 1 2 3 4 5 다음

티스토리툴바