코딩 다이어리

javascript 나머지의 몫 구하는법 1. parseInt() parseInt() - JavaScript | MDN parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. developer.mozilla.org parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. 2. Math.floor() Math.floor() 함수는 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환합니다. 주어진 수 이하의 가장 큰 정수. console.log(Math.floor(5.95)); // expected output: 5 console.log(Math.floor(5.05)); //..

let과 const는 둘 다 변수이지만 const는 값이 변하지 않는 상수이다. let myname = "Tom"; console.log(myname); myname = "Max"; console.log(myname); //"Tom" //"Max" let 사용시 값을 재할당 가능하지만 const 사용시 불가능하다 const myname = "Tom"; console.log(myname); myname = "Max"; console.log(myname); //"Tom" //error 리액트를 사용하면서 const 사용을 추천하는데 코드가 길어지다 보면 개발자의 실수로 값이 재할당되어 변할 수 있기 때문에 const를 사용하여 값의 재할당을 막아 실수를 줄이기 위함이다.

결론부터 말하면 Javascript는 싱글 스레드인 동기 언어이다! 동기는 코드를 실행하고 다 종료될때까지 기다렸다가 다음 코드를 실행한다. 비동기는 코드를 실행해서 진행시켜놓고 다음 코드를 실행하고 앞에 코드 진행이 종료되면 출력해준다. 비유로 하자면 동기는 커피를 주문하고 나올때까지 기다렸다 커피를 받아간 후에 다음 주문을 받는다. 비동기는 커피를 주문한 후 옆에서 기다리고 다음 손님들 커피 주문을 쭉쭉 받다가 커피가 나오면 받아간다. 이러면 동기에 비해 비동기가 매우 빠르게 처리된다. 하지만 비동기에 문제점이 있는데 1번코드의 출력값을 2번 코드에 사용해야 하는데 비동기의 경우 1번을 실행시켜 놓고 2번을 시작하니까 필요한 출력값이 아직 안나와서 undefinded가 뜰 것이다. 이럴때 비동기 처리..

concat() : 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. ... spread operator ( 전개연산자 ) 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. * concat은 배열과 배열을 합치거나 배열에 특정 값을 추가해주는 함수입니다! 원본 배열은 변하지 않아요! const array_num01 = [0, 1, 2, 3]; const array_num02 = [3, 4, 5]; const merge = array_num01.concat(array_num02); // 중복 항목(숫자 3)이 제거되었나요? 아니면 그대로..

https://www.youtube.com/watch?v=NcI-WJSWdv8 //object shorthand assignment let name = "mini" let age = 17 //let person={ // name = name // age = age //} let person={ name, age } console.log(person) //Destructuring let person = { name: "mini", age: 20 } // let name = person.name // let age = person['age'] let { name, age } = person console.log(name, age) //mini 20 let array = [1,2,3,4] let [a,b] =..

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 1. 배열 분해하기 // 이름과 성을 요소로 가진 배열 let arr = ["Bora", "Lee"] // 구조 분해 할당을 이용해 // firstName엔 arr[0]을 // surname엔 arr[1]을 할당하였습니다. let [firstName, surname] = arr; alert(firstName); // Bora alert(surname); // Lee let [firstName, surname] = "Bora Lee".split(' '); * 쉼표를 사용하여 요소 무시하기 쉼표를 사용하면 필요하지 않은 배열 요소를 버릴 수 있습니다 // 두 번째 요소는 필요하지..

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. 즉, 변수의 타입을 미리 선언할 필요가 없고 값에 따라 타입을 자동으로 파악하여 처리한다. let foo = 42 // foo가 숫자 foo = 'bar' // foo가 이제 문자열 foo = true // foo가 이제 불리언 JavaScript 형변환 https://www.w3schools.com/js/js_type_conversion.asp "형 변환(type conversion)"이란, 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로..

while문 반복문 조건에 따라 프로그램의 일정 코드를 반복적으로 수행할 수 있도록 하는 구문 while 조건이 만족하는 동안 반복실행될 코드를 계속 실행 while( /*조건식*/ ){ /* 반복 실행될 코드 */ } continue, break; continue : 남은 반복실행될 코드를 모두 skip break : 반복문에서 즉시 탈출 do while문 do, while 한번은 코드가 실행되고, 이후에 반복실행될지 말지를 결정 do{ /* 반복 실행될 코드 */ }while( /*조건식*/ ); 조건식이 거짓(False) 일 때, while : 한번도 실행되지 않음 do, while : 한번은 실행되고 종료 for문 for 초기구문, 업데이트 구문, 반복조건 을 한 구문에 합친 반복문. for문에서..

if문 조건문 조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함 if, else if, else if(/*조건식*/){ /*참인경우 실행될 코드*/ } else if( /*조건식*/ ){ /*if 문의 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/ } /* 여러개의 else if... */ else if( /*조건식*/ ){ /*위의 if, else if문의 모든 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/ } else{ /*모든 if, else if 문이 모두 실행되지 않았을 때 실행될 코드*/ } switch문 switch, case 조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함 switch( /*비교할 값*/ ){ case /*값1*/: /..

String * String 이어 붙이기 문자열 길이 알아내기 문자열의 .length 속성을 이용 str.length 문자열 붙이기 .concat 함수 사용 str1.concat(str2) 더하기(+) 연산자 사용 str1+str2 var str="Hello"; undefined str.length; 5 str["length"]; 5 "hello".length 5 var str2="world"; undefined str.concat(str2); 'Helloworld' var str3=str.concat(str2); undefined str3 'Helloworld' str.concat(str2).concat("!!"); 'Helloworld!!' "Hello".concat("World").concat("!..