본문 바로가기

개발기초7

함수(function) 기초 함수란? 함수 기초를 쉽고 자세하게 다룬 페이지가 있어서 url을 공유한다. (내가 설명하는 것보다 그게 나을듯=_=) http://tcpschool.com/javascript/js_function_basic 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 요약하자면 함수(function)란... 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미하여, 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있다. -> 자바스크립트에서 블록이란 함수나 실행문의 {중괄호}로 묶여진 부분을 가리킴 함수 문법 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하.. 2020. 8. 20.
조건문 조건문이란? if (boolean 데이터 타입이 오면, 조건에 따라서) {true일 경우에 실행되는 코드} else {false일 경우에 실행되는 코드} Conditional statements Program if-true if-false If-true : 1, 2, 4가 차례로 출력됨 If-false : 1, 3, 4가 차례로 출력됨 조건문의 활용 => 클릭 시에 배경이 검정색, 폰트가 흰색으로 변경되며, 같은 버튼을 한 번 더 누르면 배경이 흰색, 폰트가 검정색으로 변경되는 토글 버튼 [검색 tip] 자바스크립트의 요소 중에서 value값을 얻으려면, - 검색어 : Javascript element get value - 검색결과 : document.getElementById("myText").valu.. 2020. 7. 11.
비교 연산자와 Boolean 데이터 타입 === : 비교연산자, 이항연산자(=좌항과 우항을 비교해서 어떠한 데이터를 만듬) Boolean : True, false로 구분되는 데이터 타입 - 참, 거짓 두개의 데이터로만 이루어져 있음 ※데이터 타입의 종류 : number, string, boolean, ... Comparison operator & Boolean === 1===1 1===2 1<2 1===1 : 왼쪽에 있는 것과 오른쪽에 있는 것이 같으냐는 질문, true가 출력됨 1===2 : false가 출력됨 1<2 : 1 WEB > WEB2 - JavaScript 강의를 통해 공부한 내용입니다. 2020. 7. 11.
CSS 기초 - style 태그, 선택자 Style 속성을 이용해서 CSS 사용하기 html의 문법 style=" ~속성(property)~ " 자바스크립트 Style 태그를 이용해서 CSS 사용하기 : 어떤 의미도 기능도 없는 태그, css/자바스크립트 등으로 제어하고 싶을 때 감싸줌, 한줄 전체를 쓰는 태그이므로 자동으로 줄바꿈이 됨 → 줄바꿈이 되지 않는 태그가 필요하다면 을 쓰자! 해이나는 공부를 하는 중이다. 해이나는 공부를 하는 중이다. → 이 웹페이지에 있는 태그 이름이 js라면 폰트를 굵게, 색상을 빨간색으로 바꾼다. → 만약 이 글에서 해이나가 1억번 반복되더라도 상단의 선택자를 통해 한 번에 수정할 수 있다. CSS 선택자 해이나는 공부를 하는 중이다. → 클래스 앞에는 마침표(.)를 붙이고 아이디 앞에는 샾(#)을 붙인다. .. 2020. 5. 31.
JavaScript 기초(2) - 콘솔(console) 사용하기 우리가 자바스크립트를 실행하고자 할 때 매번 파일을 생성해야 한다면 이건 여간 귀찮은 일이 아니다. 그래서 이 포스팅에서는 파일을 만들지 않고도 자바스크립트 코드를 즉석에서 실행할 수 있는 방법에 대해서 설명하고자 한다. 브라우저 창에 마우스 커서를 두고 우클릭 - 검사(개발자 도구) 선택 - Console 탭을 선택 - 코드를 입력 활용해 보자! 아래와 같은 글이 있다고 친다 -_-; "안녕, 나는 해이나야. 나는 지구라는 별에서 살고 있어. 지구는 물이 매우 풍족하고, 낮과 밤이 있으며, 매일 햇살과 바람을 느낄 수 있는 아름다운 별이야. 기회가 되면 꼭 놀러와. 우리 함께 놀자." 이 문장의 전체 글자수가 궁금하다면? 위 경로를 통해 console에 들어간다. 문자를 작은 따옴표(' ')로 감싸고,.. 2020. 5. 17.
자바스크립트 이벤트 종류(HTML Event Attributes) 지난 시간(포스팅?)에 on으로 시작하는 친구들~ 자바스크립트 이벤트(event)와 관련된 공부를 했다. 내가 요녀석을 이해한 바로는... 이벤트는 '사건'이 일어났을 때에 동작하는 것으로 웹브라우저가 자바스크립트 코드를 기억해두었다가, 사용자가 특정 행동을 했을 때 동작한다. 이벤트에는 다양한 종류들이 있는데 찾아보다가 유익한 페이지가 있어서 링크를 공유한다. https://www.w3schools.com/tags/ref_eventattributes.asp HTML Event Attributes HTML Event Attributes Global Event Attributes HTML has the ability to let events trigger actions in a browser, like s.. 2020. 5. 1.
JavaScript 기초(1) - 특징, 이벤트 JavaScript가 무엇인가 하면 객체 기반의 스크립트 프로그래밍 언어... 음... 아... 아래와 같다고 한다. 문장을 읽어도 이해할 수 있는 단어가 별로 등장하지 않으므로 다음에 시간날 때 읽어 보기로 했다=_= 그래, 프로그래밍 할 때 쓰는 언어인거 알았고, 일단 공부 Start~* https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그�� ko.wikipedi.. 2020. 5. 1.