자바스크립트 조건문, 어렵지만 이해하면 재밌다!
·
코딩/JAVASCRIPT
안녕하세요~ 오늘은 조건문에 대해 알아보는 시간을 갖겠습니다! 저번엔 반복문을 했죠? ㅎㅎ 조건문은 더 어려운 것 같아요 ㅜㅜ 특히 둘이 같이 쓰면요.. 일단 조건문이란 무엇인지? ✨조건문 조건문은 주어진 조건식의 결과에 따라 별도의 명령을 수행하도록 제어하는 명령문입니다. 그럼 조건문들에는 어떤 것이 있는지 살펴볼까요? ✨if문 if문은 조건식의 결과가 참(true)이면 주어진 명령문을 실행하며, 거짓(false)이면 아무 것도 실행하지 않습니다. if문 순서도로 표현하여 살펴볼까요? 그래서 if 문의 공식은 어떻게 쓰느냐! 요런식으로 써주면 된답니다. 예제로 한 번 살펴볼까요? See the Pen if문 예제 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen. if문 ..
CSS 선택자, 14가지만 살펴보면 됩니다!
·
코딩/CSS
안녕하세요~ 오늘도 어김없이 돌아왔습니다 ㅎㅎ 저번엔 CSS 선택자중 id선택자와 class선택자에 대해 알아보았는데요, 오늘은 선택자 14가지를 간략하게 예제를 통해 알아볼겁니다! 자 그럼 얼른 알아보러 가볼까요~~? 일단 선택자의 개념은 저번에도 알아보았지만! 까먹었을 수도 있으니... 한 번 더 짚고 넘어가겠습니다. ✅선택자 선택자란 CSS로 UI의 어느 부분을 디자인할지, 즉 표현할 대상이 되는 부분을 말합니다. 그럼 선택자의 종류 14가지, 간단하게 살펴볼게요~!! 1️⃣type 선택자 html 문서의 태그 이름을 선택자로 사용할 수 있습니다. 예제1) 다음 예제에서는 p 태그 안의 글자를 갈색으로 표시하도록 속성을 부여하고 있습니다. See the Pen type 선택자 by YeoDaSeul..
레이아웃 float, 무슨 역할을 하는 거야?
·
코딩/CSS
안녕하세요~ 오늘은 레이아웃에서 중요하게 다뤄지는 float에 대해 살펴볼거에요! 레이아웃은 기본중에 기본이니 float에 대해 잘 알아보고, 익혀두는게 좋겠죠? 우리 레이아웃을 구성하다보면 구성한 요소들이 세로로 나열될 때가 있죠? 원래 block요소라서 세로로 나열이 되지만 float을 이용하면 가로로 배치 하지만 float을 지정하면 float을 해제하는 방법도 알아야한다는 사실! float에 대해 간단하게 설명하고 예제와 같이 살펴볼게요~ 👌float float 요소는 좌측이나 우측에 붙이고 아래 내용이 그 주변을 흐르게 하는 속성인데, 세로로만 나열되던 블록들을 가로로 서로 어울리게 배치하려 할 때 매우 유용합니다. float한 박스에 가로 사이즈를 지정해 주어야 크로스브라우징이 됩니다. 그러나..
자바스크립트 문제 풀어보자!
·
코딩/오답노트,마무리 문제
오늘은 자바스크립트 연산자와 제어문의 마무리 문제들을 풀어볼게요! 배운 것들을 활용해 문제를 열심히 풀어봅시다 ㅎㅎ 10보다 큰 숫자 찾기 (마무리 문제_1) 수업시간에 배운 배열을 이용하여 10보다 큰 수를 찾아내는 미션입니다. 길라잡이 배열 요소의 개수만큼 for문을 반복하기 if 문을 사용해서 요소의 값과 10을 비교하기 document.write 문을 사용해 화면에 표시하기 아무래도 for문을 반복하는 것보단 if 문을 사용하여 출력하는게 훨씬 효율이 좋겠죠? ㅎㅎ 자바스크립트 코드 const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19] // 배열에 값을 적어줍니다. for(let i=0; i 10){ document.write(arr[i] + ","); } } //..
손쉽게 반복하는 방법, 대체 어떻게 하는 건데!
·
코딩/JAVASCRIPT
안녕하세요~ 오늘은 자바스크립트에서 같은 동작을 여러 번 실행하기 위해 사용하는 반복문을 알아보겠습니다! 코딩하다가 겪게되는 노가다의 힘듦....ㅜㅜ 반복문을 알기 전까지엔 정말 힘들게 코딩했던 것 같아요. 하지만 오늘 배운 반복문들을 통해 더욱 깔끔하고 간결하게 작업을 할 수 있었습니다! 일단 반복문에는 for()문, forEach문, for in문, for of문 등 원래 몇 개 더 있지만 이 4개를 위주로 살펴보겠습니다. 📛for 문 자바스크립트에서 가장 많이 사용된다고 할 수 있습니다! for문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하기도 해요! for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용하고 for 문의 첫 번째 항에서 카운터 변수를 지정합니다. ..
section 관련 요소, 확실히 알면 레이아웃 짜기 수월합니다!
·
코딩/HTML
안녕하세요~ 오늘은 웹문서의 본문을 구성하는 요소들 중 section 관련한 요소를 알아보려 합니다! 일단 section 태그가 무엇인지 먼저 알고 넘어가는게 좋겠죠? 🔖 정의 및 특징 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다. 태그는 HTML 문서에 포함된 독립적인 섹션(section)을 정의할 때 사용합니다. 태그는 보통 제목 요소(h1~h6)를 자식 요소로 포함하고 있는 경우가 많습니다. 태그는 블록 요소로서, 문장이나 문서의 스타일링 요소가 아닙니다. 그러므로 스크립트의 편의나 영역을 위함이라면 태그가 적합합니다. 네, 그러면 섹션 관련 요소에 관한 요소를 표로 정리해보겠습니다. 🔖섹션 관련 요소 태그명 태그의 의미 및 특징 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정 사이트의..
다쭐◠‿◠
쭐코딩