C# 개발자의 JAVASCRIPT 입문기 (1) - 노마드 코더로 하는 문법 공부

🐹 C# 개발자의 JAVASCRIPT 입문기 🐹

안녕하세요, 저는 프론트엔드 개발자를 꿈꾸며 자바스크립트와 친해지기 위해 문법 공부를 하고 있는 개발자 입니다.
이 시리즈는 C#만 할줄 알던 사람이 자바스크립트를 공부하며 문법적으로 어떠한 부분이 다른지 공부한 내용들은 정리하는 글입니다.

자바스크립트 문법 공부는 노마드코더의 바닐라 JS로 크롬앱 만들기를 보며 진행했습니다.

변수 선언 어떻게 다를까 ❓

c#의 경우

[데이터 타입] [변수명]
string str;
int num;
var a;

//c#에서의 const 변수 선언 방법
const int myconst = 1;

javascript의 경우

//새로운 값을 할당할 수 있는지 , 변하지 않는 값인지에 따른 선언

//새로운 값을 할당할 수 있고, 유연하게 값이 변할 수 있는 데이터의 경우
let mylet = 1;

//변하지 않는 값을 가진 데이터를 선언할 경우
const myconst = 1;

//두가지 특징을 모두 가졌지만, 사용을 지양하는 선언 방식
var myvar = 2;

배열 ARRAYS 어떻게 다를까 ❓

기본적인 배열이라는 데이터 구조는 같으나 선언하는 방식과, 배열에 인덱스를 추가하는 방법에서 차이점이 있었다.
그리고 c#에는 배열과 리스트가 다른 데이터 구조로 진행되나, 자바스크립트 내에서는 arrays 자체가 리스트와 배열이 합쳐진 개념이었다.

c#의 경우

//배열 선언
string arrstr[] = new string[5];

//리스트 선언
List<string> liststr = new List<string>();

//리스트에 값 추가
liststr.Add("text");

javascript의 경우

//배열 선언
const toBuy = ["potato","tomato","pizza"];

//배열에 값 추가
toBuy.push("candy");

Objects & Property 어떻게 다를까 ❓

c#에서의 objects 는 모든 타입을 선언 가능하게 해주는 모든 타입의 베이스 클래스를 의미합니다.
c#에서의 프로퍼티(Property)는 속성이란 의미를 가지고 있습니다.
이 프로퍼티를 사용하게 되면, 속성 값을 반환하거나 새 값을 할당할 수 있습니다.

자바스크립트에서의 object는 property를 가진 데이터를 저장해주며, { } 를 사용합니다.
자바스크립트에서의 property또한 값을 반환하거나, 새 값을 할당할 수 있습니다.

코드 예제는 아래와 같다.

c#의 경우

//object 타입의 변수 선언
object a = 1;
object b = "hi";

//property 선언
public string Name
   { get; set; }

javascript의 경우

//object & property 선언
const player ={
    name:"cherrymin",
    points : 10,
    cute : true,
};

//property 호출
console.log(player);

//property 추가
player.MBTI ="ENTP";

function 어떻게 다를까 ❓

C#에서의 function은 Method(메소드)라고 불리운다.
선언 방법은 아래와 같이 차이점이 있고, 호출 방법은 동일했다.

c#의 경우

[접근 지정자] 반환형식 메소드명(매개변수 목록) {
    // 실행될 코드
}

javascript의 경우

function 함수명(매개변수 목록){
    //실행될 코드
}

한가지 자바스크립트 문법 중 신기한 것이 object를 선언하면서 property로 함수 자체를 선언할 수 있다는 점이였다.

const player ={
    name:"cherrymin",
    sayHello:function(otherName){
        console.log("hello " + otherName);
    },
};

console.log(player.name);

player.sayHello("kuromi");

실행결과

How To String To Int ❓

어떻게 문자열을 숫자로 변경하는지에 대해서 알아봅시다.

c#의 경우

string myNum = "12";
Convert.ToInt32(myNum);

javascript의 경우

let myNum = "15";
myNum = parseInt(myNum);

기존에 C#을 사용하여 개발을 하던 사람으로써 기초적인 문법은 제외하고,
특이하게 C#과 다른 부분이 있다면 어떻게 다른지 정리하는 글이였습니다.
저와 같은 사람들에게 도움이 되길 바라며 다음 챕터로 찾아뵙겠습니다
읽어주셔서 감사합니다 😊