iOS 개발자의 JavaScripit 공부 (1. 파일 구조, 변수 키워드, object)

React를 배우고 싶은데 JavaScript도 잘 모르기 때문에 이거부터 시작.

강좌처럼 세세하게 다 적을 생각은 없고 iOS와의 차이점, Java Script 만의 특성 등등만 주관적으로 기록할 예정

 

 

 

<파일 구조>

html이 실제 실행되는 본체. 따라서 css 파일과 js 파일은 html 코드 내에 경로를 추가해줘야 함

• (참고) ! <- html 파일 기본 구조를 입력해주는 스니펫

• html 헤더에 css 파일 경로 추가

<link rel="stylesheet" href="style.css">

• html 바디에 js 파일 경로 추가 (보통 하단에 하는 것으로 보임)

<script src="app.js"></script>

 

 

<변수 키워드>

Swift에서 선언하는 변수 키워드는 아래와 같지만,

• 상수: let
• 변수: var

JavaScript에서는 아래로 사용한다. 

• 상수: const
• 변수: let

• (참고) var는 옛날에 사용하던 키워드라고 함. 상수도 될 수 있고 변수도 될 수 있기 때문에 타입이 구분되지 않는다는 문제 있음.

 

 

<Object 선언>

// 상수 타입의 player object 예시
const player = {
	// 파라미터
    name: "Jeck",
    points: 10,
    
    // 함수
    sayHello: function(name) {
    	// console.log([~]) -> web 콘솔에 로그를 찍어줌
        console.log("Hello! " + name);
    }
};


/* --- 사용 예시 --- */

// player object 내의 파라미터 사용
console.log(player.name);
// player는 상수로 선언됐지만 내부 파라미터의 값은 변경할 수 있음
player.name = "Jeck Lee";
// player object 내의 함수 사용
player.sayHello("Test Name");