JavaScript_intro_2nd

Front-End/JavaScript/Data_Type.md

@@ -0,0 +1,57 @@
+# Data Type
+## Array
+
+```javascript
+const daysOfWeek = ['mon','tue','wed','thu','fri','sat'];
+
+// Get Item from Array
+console.log(daysOfWeek[4]);
+
+// Add one more day to the array
+daysOfWeek.push('sun');
+
+console.log(daysOfWeek);
+```
+
+![image-20220517010008395](C:\Users\hanju\TIL\image.assets\image-20220517010008395.png)
+
+## Object
+
+```javascript
+const player = {
+  name: "LiJell",
+  points: 10,
+  fat: true,
+};
+
+console.log(player);
+console.log(player.name);
+console.log(player["points"]);
+```
+
+![image-20220517010250483](C:\Users\hanju\TIL\image.assets\image-20220517010250483.png)
+
+```javascript
+const player = {
+  name: "LiJell",
+  points: 10,
+  fat: true,
+};
+
+console.log(player);
+console.log(player.name);
+console.log(player["points"]);
+
+
+player.fat = false;
+console.log(player);
+```
+
+![image-20220517010834138](../../image.assets/image-20220517010834138.png)
+
+- const를 바꿀 수 없지만, const 안의 Object를 변경하는 것이기 때문에 부분 수정이 가능하다
+
+  - 하지만, const 전체를 바꾸려하면 에러가 생김
+  - Object 추가도 가능
+
+

Front-End/JavaScript/Function.md

@@ -0,0 +1,43 @@
+# Function
+
+```javascript
+function sayHello(nameOfPerson, age) {
+    console.log("Hello my name is " + nameOfPerson + " and I am " + age)
+}
+
+sayHello("LiJell", 10);
+sayHello("Hanju", 18);
+sayHello("Toonsquare", 99);
+```
+
+![image-20220517012305730](C:\Users\hanju\TIL\image.assets\image-20220517012305730.png)
+
+```javascript
+function plus(a, b) {
+    console.log(a + b);
+}
+
+function divide(a,b) {
+    console.log(a / b);
+}
+plus(1, 3);
+divide(20, 5);
+```
+
+![image-20220517012716475](../../image.assets/image-20220517012716475.png)
+
+```javascript
+const player = {
+  name: "LiJell",
+  sayHello: function (otherPersonsName) {
+    console.log("Hello! " + otherPersonsName + " nice to meet you!");
+  },
+};
+
+
+console.log(player.name);
+player.sayHello("Hanju");
+
+```
+
+![image-20220517013204748](../../image.assets/image-20220517013204748.png)