비전공자의 개발 도전기

prompt()  : 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 보유한 대화상자 오픈    보여줄 문자열, 프롬프트 창에 표시할 메세지가 없으면 생략 가능  - 반환 값 : 문자열 or null   - window.prompt() = prompt() : 빈 대화 상자 오픈  - window.prompt('입력하라') : 안내 문구 '입력하라'가 보이는 창 오픈   - prompt('입력하라', '알겠다') : 안내 문구 '입력하라'가 보이는 창 오픈 + 기본 입력 값은 '알겠다' confirm()   : 확인과 취소 두버튼을 보유한 메세지 지정 대화 상자 오픈   - window.confirm() = confirm()  - 확인(true) or 취소(false) 중 사용자가 취소(fla..

조건문조건식이 true or false인 값을 반환하는지 1. if & if-else- 형태 :   if (조건식) {                     ture일때 실행될 코드                 } - 중괄호 내의 코드가 한줄이라면 중괄호 생략 가능   : if (조건식) console.log('중괄호를 생략했습니다.'); -  조건이 false인 경우 형태     if (조건식) {           true일때 실행될 코드        } else {           foalse일때 실행될 코드        }  - 삼항연산자 = if-else를 간단하게 표현한 형태      조건식 ? 조건식이 참일 때 실행될 코드 : 조건식이 거짓일 때 실행될 코드      (하지만, 삼항연산자는 ..

구조 [함수 선언식] - 호이스팅function 함수이름(parameter1, parameter2....) {      return 반환값} 함수이름(argument1, argument2...) ➡️argument가 parameter값에 매치 되고 내부의 값들에 들어가게 된다.     그리고 return값으로 값이 나온다. 만약 return값이 없다면 함수가 동작은 하지만 값은 안나온다.     굳이 따지자면 parameter이 let과 같은 변수 이고 argument는 그에 입력되는 값이다. 구조 [함수 표현식] - 호이스팅에 영향Xlet 함수이름 = function () {         return 반환값  } 화살표 함수선언한 함수를 짧게 표현 가능 하다. function 함수(x, y) {   ..

변수?변할 수 있는 수/정보 변수는 선언, 할당, 사용 가능 하고 '변할 수 있는 수' 이므로 재할당 가능BUT! const는 상수로 한번 할당한 값을 바꿀 수 없어 변수 이름당 한번만 사용 가능var은 초기화 필요 없이 계속 재할당 가능let, const 블록레벨선언으로 코드 블록 밖에서 접근 불가, 재정의 불가 (const는 초기화 해야 재정의 가능)즉, var은 var a = 10;을 선언했어도 var a = 20;으로 바로 값을 바꿀 수가 있는데 그 과정중 var 변수가 필요 없다.하지만 let은 let이라는 블록이 있어야 할당 가능, const는 값을 아예 바꿀 수가 없으므로 이름을 새로 짓던지 아예 초기화 후 다시 할당 해야한다.+let name = '홍길동', name = '김세찌' ➡️ 로..

HTML, CSS를 프로그래밍적으로 제어할 수 있어 동적인 웹으로 변형가능하다.이를 위해 자바스크립트가 할 수 있는 것들은 1. 데이터 저장2. 값 계산3. 결과 반영 이러한 자바스크립트를 연결시키는 방법은 CSS와 비슷하다. 1. HTML 태그 내 삽입    hello2. script 태그 이용해 삽입    태그 제일 아래  또한 브라우저를 이용해 간단하게 프로그램 없이 연습해 볼 수 있다.브라우저 내에서 ctrl + shift + i/j 를 누르면 마우스 오른쪽 버튼의 검사창을 바로 띄울 수 있다.

웹개발로 배우는 자바스크립트 기초 - YouTube 웹개발로 배우는 자바스크립트 기초 www.youtube.com 1. selextor안녕하세요 document.getElementById('hello').innerHTML = '안녕';document - 웹 문서. - ~의, ~안에 있는get 가져오다 elemnt html요소 byid id에 의해서 근데 id는 hello야inner내부글자= 웹문서 ID hello인 HTML요소 가져와 내부글자를 '안녕'으로 바꿔줘 document.getElementById('hello').style.color = 'red';색상을 빨갛게 변경 document.getElementById('hello').??? = ???';  2. alertweb에 존재하는 ui 종류는모달..

자바스크립트로 백엔드, 앱 들도 만들 수 있다. 변수, 함수, 조건문, 반복문기본이 된다. 변수 : 상자(변수)안에 값을 담는 개념자바스크립트는 유연해 알아서 입력되는 경우가 많다= -> 오른쪽에 있는 걸 왼쪽에 넣는 다는 의미== -> 같다var : 변경가능let : 변경가능, 일반적const : 바뀔 수 없는 변수 생성 함수function 함수이름(들어가는 값[입력값]) {                                 들어가는 식                                  return(결과를 돌려주다) } 입력,출력 없을 수 있다ex) function add(x,y) {               let temp = x + y;               return temp..