Hello creators 🙌

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'Javascript 문법' 에 대한 이해 Javascript 기초 문법 이해 하기 Ⅰ. 함수 함수란 ==정해진 동작== 을 하는 녀석들 함수 정의하기 (syntax) function sum(a,b){ alert(a+b) } [요소 읽어보기] function : 이제 앞으로 함수다~ 라는 거 sum(a,b) : '함수 이름'이 sum 이고, '함수의 인자' 로 a,b 를 받겠다는 것 { } : 해당 함수가 호출되면 -> 이 부분이 자동적으로 실행된다는 의미. '구역' 의 의미 alert(a+b) : 그러면 sum 함수를 호출하면 -> 1) 자바스크립트 자체 함수인 alert 가 실행된다. 2)..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'Javascript 문법' 에 대한 이해 Ⅰ. Javascript 기초 문법 이해 하기 javascript 를 script 태그 사이에 썼음 이 scrpit 태그와 동일한 것이 검사 > colsole 창 ⭐⭐⭐⭐⭐ 그래서, 해당 코드를 vs code에 치면 -> console 에서도 사용할 수 있음. -> console 에서도 같은걸 친 효과? -> console 에서는 =='이 내용을 이어서!'== 쓸 수 있음. 그 효과는 이러함 👉 ==hey( ) 가 이어 져서 작동하게 된다.== Ⅱ. 프로그래밍 언어를 배울 때는 5가지 요소가 중요 변수, 자료형, 함수, 조건문, 반복문 1. javascript 변수 변수 선언 문..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'Javascript' 에 대한 이해 Javascript 기초 이해 하기 Ⅰ. Javascript 란? 프로그래밍 언어 중 하나 ==브라우저== 가 알아들을 수 있는 언어 python을 알아들 을 수 있는 브라우저, javascript를 알아들을 수 있는 언어 등을 따로 만들면 -> 굉장히 불편할 것 -> so, 브라우저 가 알아들을 수 있는 언어를 javascript 로 정함 즉, 모든 인터넷을 구현할 때, 'javascript' 만 쓰자! = 이게 =='표준'== 이라는 개념. Java 랑 Javascript 의 관련성? 없음. Ⅱ. javascript 를 어떻게 사용? 1. 어디에서 써? style 밑..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'CSS' 기본 HTML 및 CSS 셋팅 하고 난 후 -> ==부트스트랩 활용 해보기== 만들고자 하는 것은? 이런 box 만들고 '모바일 처리' 까지 하기 복습 방법 이 노트도 한 큐에 완성할 수 없음. 동영상 및 사진을 바로 넣을 수 있어야 빨리 들어가게 할 수 있음. ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐⭐⭐⭐⭐ 만들어보기 Ⅰ. 기초 html 및 css 작성 html 영역 최종 코드 간단한 글씨를 씁니다. css 영역 최종 코드 .mypost{ /* div 영역 잡을 때, 백 그라운드 영역 잡고 하는게 좋음 ⭐⭐ */ /* background-color: green; */ width: 500px; /* 위에 살짝 띄우고 div 영역 잡..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'CSS' 기본 HTML 및 CSS 셋팅 하고 난 후 -> ==부트스트랩 활용 해보기== 만들고자 하는 것은? 이런 card 모양 이미지 붙고, 별 붙고 하는 것! 까지 학습 목표 기초적인 CSS 지식 + 부트스트랩 적재적소 활용 만들어보기 Ⅰ. 부트스트랩에서 '원하는 card 스니펫' 복사 1. 부트스트랩 docs🔗 부트스트랩 5.0 템플릿 https://getbootstrap.com/docs/5.0/components/buttons/ 이 카드 꾸러미 밑에 있는 스니펫 복사 스니펫 원본 원본 ```html Card title This is a longer card with supporting text below as a..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'CSS' ==부트스트랩 활용 위한 CSS 배우기== 만들고자 하는 것은? 이것을 만들 것 임 학습 목표 기초적인 CSS 지식 + 부트스트랩 적재적소 활용 만들어보기 Ⅰ. (이전 강의 누적) index.html 파일 만들고 -> 부트스트랩 탬플릿 복사해서 넣은 상태에서 시작 이전 강의 까지 한 코드 스니펫 🔗 나는 버튼이다! (쫳👏) Ⅱ. 기본 HTML 로 기본 뼈대 만들고 -> CSS 로 기본적으로 꾸미기 (부트스트랩 아님) 1. 기본 html 작성 및 css 넣기 (1) 가운데로 오게 하기 ⭐⭐⭐ #display_flex 이 과정에서, 처음 본, 낯선, 그러면서 중요한 코드 블록 #code_snipet /* ⭐⭐⭐ 가운데로 손쉽게 ..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'CSS' ==부트스트랩 활용== 학습 목표는? '이해' 의 경우 '키워드', '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 ==명확히 보여주기!== syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 왜 이게 중괄호고, ** 이게 들어가고, 하는 ==생각을 하지마.== '이런 code 를 쓰면 > 이런 output 이 나오는구나.' 라고 ==받아들이기== 부트스트랩 의의 예쁜 CSS 를 모아둔 것 어떻게 써? #블로그에부트스트랩활용하기 ( ✅ 블로그에도 이걸 하려면..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 - 'CSS' - 폰트, 주석, 파일 분리 학습 목표는? '이해' 의 경우 '키워드', '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 왜 이게 중괄호고, ** 이게 들어가고, 하는 ==생각을 하지마.== '이런 code 를 쓰면 > 이런 output 이 나오는구나.' 라고 ==받아들이기== 폰트 접속 URL https://fonts.google.com/?subset=korean #### 어떻게 가져..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 - 'CSS' - 폰트, 주석, 파일 분리 학습 목표는? '이해' 의 경우 '키워드', '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 왜 이게 중괄호고, ** 이게 들어가고, 하는 ==생각을 하지마.== '이런 code 를 쓰면 > 이런 output 이 나오는구나.' 라고 ==받아들이기== 폰트 접속 URL https://fonts.google.com/?subset=korean #### 어떻게 가져..

학습 목표 (goal) 이해 하고자 하는 것 'CSS' CSS 중요 원리인 '부모 자식 관계' 만들고자 하는 것 '로그인 페이지' 를 꾸미기 사진이 추가 됨 ✅ 학습 목표는? '이해' 의 경우 '키워드' '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 복습 방향 ⭐⭐⭐ 고민중 이번 챕터 만들기 포인트 배경 깔기 팁 3개를 항상 같이 씀 /* ⭐ 배경 넣을 때 3 set */ /* 1) 배경 이미지 넣기 */ background-image: ..