javascript
-
[Day 23] JS 변수와 숫자 자료형, 관련 함수(메서드)TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 28. 23:11
오늘부터 본격적으로 매운맛 자스 출발~ 변수 == 변할 수 있는 수/정보 변수는 선언하고 할동하고 사용할 수 있으며, 변할 수 있는 수이므로 값을 바꿀 수 있다. 자바스크립트에서 변수를 선언할 때 var let const 키워드를 사용할 수 있다. (이 셋의 차이는 나중 수업에서 배우고 다시 정리) 전역변수와 지역변수가 있는데, 만약 위와 같은 선언 키워드가 없이 할당된다면 전역으로 선역된다. (예) a =10 전역 변수에 사용될 수 있는 자료형은 다음과 같다. typeof 'hello world' // String typeof 100 // Number typeof NaN // Number typeof true // Boolean typeof undefined // undefined typeof Symb..
-
[Day 16] 로그인창 구현 코드 리뷰TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 18. 23:06
활기찬 월요일이 돌아왔다! (멋사로 월요병 극복,,?!) 오늘은 큩재현님과 오전에 CSS 설계기법을 배운 후 오후에는 위니브 로그인창 구현 과제에 대해서 코드리뷰하는 시간을 가졌다. 로그인창, 드롭박스, 밴딩머신 과제를 한꺼번에 하느라 정신없었던 지난주.. 주말에 가까스로 로그인창 구현을 어찌저찌 해냈는데 오늘 바로 코드리뷰 하는 시간을 가졌다. 다른 아기사자 분들이 한 코드를 봤는데, 자바스크립트 기능도 넣으신 분들이 많아서 정말 대단하다고 느꼈다..(멋지다 증맬,,,,저도 곧 따라갈게유.,,) 우리 아기사자(쌔)비지님들의 리뷰가 끝나고 재현님이 짠 (*정석*)코드를 봤는데 로그인 버튼이나 x 버튼 등 재활용이 가능한 부분에 대해서 모듈화를 따로 해놓으셨다! 재현님의 짠 코드를 보며 모듈화의 중요성을 ..
-
[JS]어쩌다 까먹는 자바스크립트 배열 메소드/함수 총정리Algorithm & Data Structure 2022. 3. 13. 01:15
.pop 맨 뒤에 있는 원소를 추출하고 그 원소는 제거된다. const numbers = [10, 20, 30, 40]; const value = numbers.pop(); console.log(value); //40 console.log(numbers); //[10, 20, 30] .push 추가하고 싶은 요소를 맨 뒤에 추가한다. const array = [1, 2, 3, 4, 5]; console.log(array.push(6)) //[1, 2, 3, 4, 5, 6] .unshift 추가하고 싶은 요소를 맨 앞에 추가한다. const numbers = [10, 20, 30, 40]; numbers.unshift(5); console.log(numbers); //[5, 10, 20, 30, 40] ...
-
[JS/Node.js] readline을 통한 입출력Algorithm & Data Structure 2022. 3. 12. 07:50
자바스크립트에서 콘솔을 통해 값을 입력받기 위해 몇 가지 방법이 있는데, 그 중 readline 모듈을 이용한 방법에 대해 정리하려 한다. (앨리스를 통해 공부한 것을 정리하였음) 기본 코드는 다음과 같다. const readline = require("readline"); //readline 모듈 가져옴 const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); //readline 모듈을 이용해 입출력 객체 생성 rl.on("line", (line) => { // 한 줄씩 입력받은 후 실행할 코드 // 입력된 값은 line에 저장된다. rl.close(); // close가 없으면 입력을 무한히 받는다. ..
-
[JS] Getter와 SetterAlgorithm & Data Structure 2022. 1. 25. 22:34
자바스크립트는 객체 기반의 프로그래밍 언어이다. 객체는 0개 이상의 프로퍼티(property)로 구성된 집합이며, 프로퍼티는 key와 value로 구성된다. let person = { name: 'Dahee', // name~dahee까지 프로퍼티, name은 프로퍼티 키, dahee는 프로퍼티 밸류 }; 프로퍼티 value 가 함수일 경우에 메서드라 부른다. 개념 이해하는데 한참 걸린 getter와 setter... const person = { firstName: 'Dahee', lastName: 'Jo', get fullName() { return `${person.firstName} ${person.lastName}` }, set fullName(value) { const parts = value..