김숭늉 마음대로

자바스크립트에서 반복문을 쓸때 사용하는 for와 while 루프! // for loop keeps running while condition is true for (let rep = 1; rep

안녕하세요. 오늘도 김숭늉입니다. 이번글에서는 자바스크립트의 객체에 대해 알아보겠습니다. 레쓰고~ 자바스크립트의 객체란? (javascript object) 키와 밸유로 이루어진 프로퍼티의 정렬되어있지 않은 집합을 말한다. (프로퍼티 값은 함수로도 올수있고, 이러한 프로퍼티는 메소드라고 함) # 배열 (array)와 객체(object)의 차이 ? 배열은 명시하는 데이터 위치로 엑세스하지만 객체에서는 우리가 붙인 이름을 통해 데이터에서 접근 할수 있음, const seungyeon = { firstName: "seungyeon", // 키 : 밸유 (값) lastName: "kim", age: 2037 - 1989, friends: ["minbi", "mionhyeok"], }; ⬆️ 콘솔에 객체를 찍어보..

자바스크립트 배열 생성하기 (javascript array) 자바스크립트에서 배열을 생성하는 방식은 두가지가 있습니다. [] 안에 값을 작성하는 법과, new array 함수를 통하여 배열을 생성하는 방식입니다. const friends = ["Michael", "Steven", "Peter"]; // 첫번째 방식 console.log(friends); const y = new Array(1991, 1984, 2008, 2020); // 두번째 방식 console.log(friends[0]); 자바스크립트 배열의 길이 (javascript array length) 자바스크립트에서 배열의 길이를 알아보는 법은 .length 를 통해 가능합니다. const friends = ["Michael", "Steve..

함수 declaration 선언식 - 호이스팅에 영향을 받음 [선언방식] const 함수이름 = function (){ return 구현로직 } //function declaration function calcAge1(birthYear) { return 2037 - birthYear; } const age1 = calcAge1(1991); function fruit(apples, oranges) { const juice = `juice with ${apples} apples and ${oranges} oranges`; return juice; } const appleJuice = fruit(3, 5); // arguments console.log(appleJuice); const appleOrangeJi..

자바스크립트 스트릭트 모드란? 안전한 코드를 작성 할수 있도록 엄격하게 오류 검사를 시행해주는 모드를 말함! 엄격한 모드는 특정 작업을 금지시켜주시고 하고 눈에 보이는 오류를 알려줌 그럼 스트릭모드 적용? 자바스크립트 문서 상단에 "use strict";를 항상 작성 해주면 끝! "use strict"; 스트릭모드 예시 // "use strict"; let hasDriversLicense = false; const passTest = true; if (passTest) hasDriverLicense = true; if (hasDriversLicense) console.log("I can't drive"); 스트릭트 모드를 쓰면 콘솔창에서 아래와같이 구체으로 어디에서 오류가 났는지에 대하여 알려준다.

자바스크립트 스위치 조건문 (javascript switch) 자바스크립트에서는 if-else의 조건문으로 조건을 작성할수도 있겠지만, 표현하고자 하는 조건이 다수일 경우에는 if-else문을 계속에서 해용하는것보다 switch 조건문을 통해서 작성하는것이 훨씬 코드 가독성이 좋다. //////////////////////////////////// // The switch Statement const day = 'friday'; switch (day) { case 'monday': // day === 'monday' console.log('Plan course structure'); console.log('Go to coding meetup'); break; case 'tuesday': console.l..

express JS란? 그럼 Node JS에서 기생하는 express js! Node JS를 쉽고 간편하게 실행하기 위한 타사 패키지입니다. 웹 개발에서 아주 널리 사용합니다. 노드제이에서 고급 웹개발에서는 에서는 타사 패키지를 사용하는것이 일반적임 설치시작 이 익스프레스 라이브러리를 설치하기위해서는 npm (라이브러리설치도구) 명령을 시작해야함 터미널을 다시 새로 열고 npm init 엔트리 입력 (프로젝트 파일에 실행) -> 그다음 모두 엔터하기 1) Sorry, name can no longer contain special characters ("~'!()*") ㄴ 위와 같은 메시지가 뜨면 폴더 이름은 대문자없이, 띄어쓰기 없는지 다시한번 체크 필요합니다. 2) 엔트리 포인트만 내가 원하는 이름으로..

안녕하세요. 자바스크립트 = = = 와 = = 연산자의 차이와 자바스크립트 논리연산자 (logical operators)에 대해 알아보겠습니다. 자바스크립트 = = = 와 = = 연산자의 차이? 자바스크립트의 === 와 == 연산자의 차지는 ===은 strict해서 값과 두 변수의 유형 모두 체크하지만 ==의 경우는 값만 비교하여 체크한다. 실제 개발을 하면서는 항상 ===의 등호를 이용하는것이 좋다 ! 버그를 피하기 위해서는! # 간단한 예제 const age = 18; if (age === 18) console.log("You just became an adult (strict) :)"); // 조건이 하나밖에 없으면 {} 안써도 됨! 한줄이 작성해도 무방함! if (age == 18) console..

안녕하세요. 타입 변환 (type conversion), 강제 형변환 (type coercion), 그리고 불리언(boolean)에 대해 알아보겠습니다. 자바스크립트 타입 변환 (javascript type conversion) 자바스크립트의 모든 밸유는 각자의 특성 즉, 타입이 있습니다. 경우에 따라 고유한 특성을 의도적으로 변형 시켜야하는 경우 가 있는데요 예를들어, 문자열을 숫자로 바꾸거나 숫자를 불리언으로 바꾸는 등의 케이스 입니다. 이러한 경우는 자바스크립트 언어 사용에 있어 항상 있는 일입니다. const inputYear = "1991"; // 문자열 console.log(inputYear + 18); // 199118 문자열 + 숫자 console.log(Number(inputYear) +..

안녕하세요. 김숭늉입니다. 자바스크립트, javascript if else, control structure(컨트롤 스트럭쳐)에 대해 알아보겠습니다. 자바스크립트 조건문 (javascript conditional statements) - if 자바스크립트 조건문은 if statement 라고도 합니다. 작성한 코드의 조건에 따라 참과, 거짓을 판별하고 그 결과에 따라 조건문을 실행하게 됩니다. 간단한 예제로 알아보겠습니다. const age = 19; const isOldEnough = age >= 18; // true if (isOldEnough) { // 괄호안에 참일때 실행됨 console.log("Sarah can star drinving license! 🚗"); } isOldEnough 변수는 ..