안녕하세요 오늘은 데이터 제어하기의 여러가지 종류들을 살펴보겠습니다!! 양이 좀 많지만.. 최대한 간단하게 정리해보겠습니다 ㅎㅎ; 데이터 제어하기 데이터 제어하기의 종류에는 모두 12가지가 있는데요! (if문, if문 생략, 다중 if문, 중첩 if문, 삼항연산자, switch문, while문, do while문, for문, 중첩 for문, continue문, break문) 하나하나씩 살펴보겠습니당~~ 🚫if문 if문은 가장 기본적인 조건문으로서 조건이 참일 경우 실행할 코드를 작성합니다. if(조건){ document.write("실행되었습니다. (true)"); } else { document.write("실행되었습니다. (false)"); } 값에 따라 true, flase 나누어짐 true : 0..

안녕하세용@_@ 오늘은 CSS 문자 관련 스타일에 대해 알아보겠습니다! 여러분들은 사이트에서 중요한게 뭐라고 생각하시나요? 전 내용도 당연히 중요하지만 개인적으로 폰트나 자간 행간등을 중요하게 본답니다!! 보기 좋은 떡이 먹기도 좋다는 말이 있잖아요~~? 그래서 이번엔 그와 관련된 스타일을 정리해볼게요! 책을 참고해보니 총 13가지가 있네요~ ✨font-family 폰트 종류를 설정하는 속성으로, 여러 단어이거나 한글 글꼴인 경우 따옴표("")로 감싸고 여러 개의 글꼴을 쉼표(,)로 구분하여, 지정한 글꼴이 없을 경우 그 다음 글꼴로 지정할 수 있습니다. 표현방법 font-family: 사용자지정 폰트; ✨font-size, 단위의 고찰 폰트의 크기를 지정하는 속성입니다. 글자 크기는 명시하지 않을 경우..

안녕하세요~!! 오늘은 레이아웃 구성 유형의 마지막, grid 유형을 공부해볼게요~! grid 유형을 사실상 많이 쓴다고 합니다. ㅎㅎ 그러니까 잘 알아둬야 하겠죵~~? grid css grid는 기존의 display:flex를 대체할 수 있는 새로운 display property라고 생각하시면 됩니다. flex와 grid의 가장 큰 차이점은 flex는 1차원 레이아웃인 반면, grid는 2차원 레이아웃이라는 점입니다. 2차원 레이아웃을 지원하기 때문에 행과 열 모두에서 요소를 정렬하고 이동하는 데 사용할 수 있는 많은 도구를 제공합니다. grid는 flex에 비해 더 다양하고 고차원적인 레이아웃이 가능해진다는 장점이 있습니다. display: grid; #️⃣grid 속성 속성 속성 설명 grid gr..

안녕하세요 ~~ 오늘도 어김없이 돌아온 코딩 공부 시간 ㅎㅎ 오늘은 레이아웃을 짤 때 중요한 flex 유형을 공부해볼겁니다. 저번엔 float유형을 살펴봤는데 flex유형도 중요하니 차근차근 알아봅시당. flex flex는 css에 display 속성 중 하나로써 요소들이 포함된 큰 박스에 flex를 선언하고, 안에 있는 요소들에게는 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는 것입니다. 박스 레이아웃을 작성할 때 사용되는 아주 유용한 방법입니다. flex를 쓸 때에는 필수 지정 요소들이 있는데, 어떤 건지 살펴볼게요! display: flex; 속성 구분 flexbox는 부모요소인 flex container와 자식 요소인 flex item에 정의하는 속성이 다릅니다. 전체적인 정렬에 관련된 속성..

안녕하세요~ 오늘은 프로그래밍의 꽃이라 할 수 있는 함수를 알아보겠습니다! 자바스크립트 함수 자바스크립트에서 함수는 코드를 모듈화하고 재사용 가능하게 만들어주는 중요한 개념입니다. 함수는 특정 작업을 수행하고 필요한 데이터를 반환할 수 있습니다! 자바스크립트에서 함수를 사용하는 이유는 소스가 복잡해지거나 처리해야 할 기능이 많다면 이것들을 기능별로 나누는 것이 좋은데, 기능별로 함수를 따로 만들어둔다면 필요할 때마다 적절한 함수를 사용해서 함수별로 실행할 수 있는거죠! 함수를 표현하는 스타일은 다 다른데, 총 4가지가 있습니다! 화살표 함수를 포함하면 8가지구요. 한 번 하나하나씩 살펴볼게요~ 👑선언적 함수 선언적 함수는 함수를 선언할 때 함수 이름과 함수 내용을 함께 작성하는 방식입니다. 자바스크립트 ..

안녕하세요~~?? 오늘은 자바스크립트 데이터 저장하는 방법에 대해 정리해보았습니다! 크게 나누면 변수, 상수, 배열, 객체 각각 데이터 저장하기가 있는데요, 한 번 하나씩 살펴보러 가볼까용? 🎀 변수 변수는 데이터를 저장하는 저장소입니다. 데이터를 저장할 수도 있지만 변경과 추가가 가능합니다. 데이터 저장 See the Pen 변수_데이터 저장 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen. 데이터 변경 See the Pen 변수_데이터 변경 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen. 데이터 추가 See the Pen 변수_데이터 추가 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen. 연산자 : 변수..