IT/ClientSide(12)
-
[NomadCoder] MMJS 6. function
Function (함수) 선언 및 초기화 방법 function sayHello() { console.log("Hello!"); } function [함수명]() { } 니꼬쌤 설명으로는, 함수명은 음악 재생 버튼이며, 재생 버튼을 누를 때마다 중괄호, 즉 함수 내부의 코드 = 음악이 무한정 실행된다. Argument(인수) 포함 function sayHello(nameOfPerson) { console.log("Hello my name is " + nameOfPerson); } sayHello("Ahnss"); function [함수명]([인자1], [인자2]) { //인자의 개수는 0 ~ //인자(변수)는 지역변수이므로 함수 내부에서만 사용될 수 있다. console.log([인자1] + [인자2]);..
2023.07.06 -
[NomadCoder] MMJS 5. Object
Q. 리스트에서 다양한 유형을 쓸 수 있는데 왜 굳이 Object를 써요? Object의 의미 const playerName = "Ahnss"; const playerPoinsts = 12345; const playerOnline = treu; const playerState = "writing" 이런 객체를 하나 만들고, 그 객체를 '.(dot)' 형식으로 불러오고 싶다면? player.name player.points player.online player.state 일단 첫번째로 각각 var 지정 방법은 모든 변수명을 외우고 작성해야한다는 점에서 데이터 관리에 굉장히 부적합하다는 걸 알 수 있다. 그럼 array는 어떨까? const player = ["Ahnss", 12345, true, "writ..
2023.07.05 -
[NomadCoder] MMJS 4. 자바스크립트 html console.log() , 변수 선언 const, let, arrays
HTML 함수 index.html + browser 1. console.log() : 콘솔에 메세지 보냄. param::number or string,, 직관적으로 말해서, 콘솔에 괄호 안의 내용을 출력하는 것. 1) console.log("아무 문자열이나 넣기"); 혹은 colsole.log(12345); 2) index.html 브라우저로 돌아가 콘솔을 열어보면 해당 문자열이나 숫자가 올라와있는 것을 볼 수 있다. - JS 자바스크립트는 from top to bottom : 위에서 아래로 코드를 읽어내린다. - 개발자가 되려면 게을러야 한다. 하나하나 수정할 생각을 하지 마라! const a = 5; : variable a 상수 변수 a 생성. - 변수명 작성 관례 : const veryLongVar..
2023.07.03 -
[NomadCoder] Making Momentum with JavaScript 3. intro 끝
index.html 1) 헤더 밑부분, 타이틀 위에 link로 rel은 stylesheet, href는 style.css 로 적어줌. - 그리고 index.html 파일을 브라우저로 열어보면! css 파일에 작성한 것 처럼 배경색이 바뀌어 있다. - 다만 일반적으로 js 파일은 위가 아니라 끝에서 작성된다. 2) body 에 - 다시 index.html 파일을 저장 후 브라우저에서 새로고침하면! 우리가 js 파일에서 작성하였듯이 알림창이 뜬다. - 앞으로 우리는 이 js 파일을 주로 수정할 예정이고, 브라우저를 새로고침하며 수정한 내용을 확인할 것인데, 잘못 작성된 코드가 있다면 브라우저에서 확인할 수 있다. 브라우저 개발자 도구의 Element는 CSS 내용을 볼 수 있고, Console은 JS 파일을..
2023.07.01 -
[NomadCoder] Making Momentum with JavaScript 2. 터미널에서 vscode 실행, html-css-js의 동작 방식, index.html 기본 템플릿 생성
괜히 컨텐츠를 늘려보려고 시덥지 않은 글로 1을 썼지만 2는 진짜로 내가 몰랐던 내용이다. 터미널에서 vscode 바로 실행하기. % code . or % code momentum//폴더명 인데 code 라는 명령어가 없단다! 왜 나는 안되는데! 안되면 되게 하자. 1) 먼저 vscode를 켠다. (이럴거면 그냥 이대로 폴더를 열지.. 싶지만 언젠가 멋지게 터미널에서 vscode를 열어버릴 나를 위해...ㅎ) 2) 검색창 (command + shift + p)에 [Shall Command: install 'code' command in PATH] 줄여서 [Shall Command: PATH만 쳐도 됨]를 입력한다. 3) 해당 명령어를 설치! 끝! 4) 이제 터미널로 돌아가서, 열어볼 폴더에서 상단의 명령..
2023.07.01