javascript 데이터 실행하기 ▶ 오늘은 자바스크립트를 만들 때 기본적인 시맨틱 HTML 요소에 대해서 알아보려고 하는데요, 만약 웹디자인기능 자격증을 준비중이라면 레이아웃을 만들 때 좀 더 편할테니 한번 같이 살펴보도록해요! 1. <header></header> ▶ 웹 페이지의 머리말을 정의하는 요소로, 로고, 제목...

javascript 데이터 실행하기 ▶ 오늘은 표를 만들 때 쓰는 tag에 대해 알아볼까합니다. 한번 알아두면 HTML에서 표 작업을 할 때 유용할테니 각각의 tag가 어떤 기능을 하는지 쭉 살펴봐요! 1. <tr></tr> ▶ HTML 테이블에서 행(row)을 나타내는 태그입니다. 간단한 예시를 살펴볼까요? { &lt...

javascript 데이터 제어하기 ▶ 오늘은 지난번에 이어 데이터를 제어하는 다양한 조건식에 대해 알아볼까합니다. 그럼 공부하러 가볼까요? 1. for문 ▶ for은 반복문의 한 종류로 for(초기값; 조건식; 증감값)을 입력 후 실행하면 for에 입력된 정보를 바탕으로 결과값이 도출됩니다. 예시를 통해 살펴볼까요? { for (let...

javascript 데이터 실행하기 ▶ 오늘은 지난번에 이어 데이터를 실행하는 또다른 유형에 대해 알아볼까합니다. 오늘은 예시를 통해서 유형을 이해하면 좋을 것 같네요. 그럼 공부하러 가볼까요? 1. 함수 유형 : 객체 생성자 함수 { // 함수 정의 function Func(num, str) { this.num =...

javascript 데이터 실행하기 ▶ 오늘은 데이터를 실행하는 다양한 유형에 대해 알아볼까합니다. 그럼 공부하러 가볼까요? 1. 함수 : 선언적 함수 ▶ 선언적 함수 정의(Declarative function definition)는 함수를 선언할 때 함수 이름과 함께 function 키워드를 사용하여 함수를 명시적으로 정의하는 방식입니다. 이...

javascript 데이터 제어하기 ▶ 오늘은 데이터를 제어하는 다양한 조건식에 대해 알아볼까합니다. 그럼 공부하러 가볼까요? 1. if문 ▶ if문은 프로그래밍에서 조건을 검사하여 해당 조건이 참(True)일 때 특정 코드 블록을 실행하는 조건식으로, 대부분의 프로그래밍 언어에서 사용되며, 조건문이라고도 불립니다. 예시를 통해 살펴볼까요? 💡 t...

css display 종류 ▶ CSS에서 display는 요소의 렌더링 방식을 결정하는 속성으로 이를 활용하면 요소를 블록 레벨 요소, 인라인 요소, 그리드, 플렉스박스 등으로 지정할 수 있습니다. display에는 다양한 종류가 있는데 오늘은 table속성들에 대해서 먼저 알아보도록 하겠습니다. <style> .body { di...

css display 종류 ▶ CSS에서 display는 요소의 렌더링 방식을 결정하는 속성으로 이를 활용하면 요소를 블록 레벨 요소, 인라인 요소, 그리드, 플렉스박스 등으로 지정할 수 있습니다. display에는 다양한 종류가 있는데 오늘은 자주쓰는 요소와 인라인 요소에 대해서 먼저 알아보도록 하겠습니다. <style> .body {...

css position 종류 ▶ css에서 position 속성은 요소를 배치하는 방법을 제어하기 위해서 사용되는 속성을 말하며, position의 종류는 아래와 같습니다. 그럼 이제 각각의 속성 특징에 대해 알아볼까요? <style> .body { position: relative; position: absolute; ...

오늘은 python을 이용해 데이터 가져오는 방법에 대해서 알아보려고 하는데요, 그 예시로 음악 사이트의 차트를 가져와보도록 할게요! python 1. 파이썬 설치 ▶ python을 시작하기 전 필수로 설치해주어야하는 파일이 있는데 우선 윈도우나 맥 버전의 python 프로그램을 설치해주신 후 VScode Extensions에서 pylance ...