본문 바로가기

분류 전체보기

 (127)
TIL 2024-04-25 ✔️ 일일 코드카타 문제 풀이  📌 Weekely goal in progress✏️ JavaScript 강의 완주✏️ 개인 과제 뼈대 만들기 📌 What I have done today ✔️  알고리즘 특강 1회차 정주행 ( 녹화본 ) ✔️  알고리즘 특강 2회차 주행 ( 생방송 ) ✔️  JavaScript 조건문 / 객체 / 배열 / 반복문 스터디 📌 Today’s completed goals✔️ 일일 TIL 작성 및 제출✔️ 일일 코드카타 문제 풀이✔️ 프로그래머스 GitHub 소셜 로그인✔️ JavaScript 1주차 강의 완주📌 Tomorrow's Goal✏️ 개인 과제 웹사이트 와이어프레임 제작✏️ 일일 TIL 작성 및 제출✏️ 코드카타 풀이 및 제출 ⚠️ Today's Problem ..
JavaScript 배열 메소드 (forEach / map / filter / find ) 1. 배열메소드1-1.forEachlet numbers = [1, 4, 5, 3, 2];numbers.forEach(function(item) { console.log(item);}); 매개변수 자리에 함수를 넣는것을 콜백함수 라고 한다.콜백함수의 input 에는 어떤 이름을 정해주고 보통은 i 또는 item이라 함.이 item 에는 numbers에 있는 각 요소들이 하나씩 들어가며 순회를 돈다.forEach 는 return 없이 내부에서 실행되게 하는 역할을 한다.  1-2. maplet numbers = [1, 4, 5, 3, 2];let newNumbers = numbers.map(function(item){ return item * 2;});console.log(newNumbers); ..
JavaScript 객체 / 메소드 / 배열 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 1.객체 생성1-1. 기본적인 객체 생성 구조let person = { name: "홍길동", age: 30, gender: "남자"}; person이라는 객체  생성한다.객체를 만들 때는 중괄호{}를 사용하며, 속성(Key)와 값(Value)를 콜론: 으로 구분하여 작성한다.각 속성과 값은 쉼표, 로 구분한다.  1-2. 생성자 함수를 사용한 객체 생성function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender;}let person1 = new Person("홍길동", 30, "남자");let person2..
JavaScript 조건문 과 falsy한 값과 truthy한 값 자바스크립트에서는 조건문을 사용하여 특정 조건을 만족하는 경우 코드를 실행 할 수 있다.(물론 모든 언어에 다 있는 기능이다) 1. IF 문1-1. 기본적인 if 문let x = 10;if (x > 0) { console.log("x는 양수입니다.");} 변수 x가 양수인지를 판별하여, 양수인 경우 "x는 양수입니다."라는 메시지를 출력합니다.if문은 조건이 참인 경우에만 코드를 실행하고, 조건에 부합하지 않을 경우 내부 로직이 실행되지 않는다.let y = "hello world";if (y.length >=5) { console.log(y.length);} 변수 y의 길이를 측정하여, 5보다 크거나 같으면 길이를 출력합니다.  1-2. if-else문let x = -10;if (x > 0) {..
JavaScript 연산자 / 함수 1. 산술 연산자 (arithmetic operators)1-1. 더하기 연산자 +console.log(2 + 3); // 5console.log("2" + "3"); // "23"console.log("2" + 3); // "23"console.log(2 + "3"); // "23" 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있습니다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환합니다.  1-2. 빼기 연산자 -console.log(5 - 2); // 3console.log("5" - "2"); // 3console.lo..
JavaScript 데이터타입 형변환 자바스크립트에서는 다양한 자료형을 다룰 수 있고 이 자료형들은 서로 형변환이 가능하다.이번에는 자바스크립트의 형 변환에 대해 공부해보자. 아래는 자바 스크립트의 형 변환 형태다.1. 암시적 형 변환1-1. 문자열 변환1-2. 숫자 변환2. 명시적 형 변환2-1. Boolean 변환2-2. 문자열 변환 암시적 형 변환은 - 개발자가 일부러 의도 하지 않은 변환 - 더하기+ 연산자가 나왔을 때는 문자열이 우선시 되어 변환 - 빼기-, 곱하기*, 나누기 / 연산자가 나왔을때는 숫자가 우선시 되어 변환되며, 문자 * 문자 와 같은 경우에는 숫자로 변환명시적 형 변환은 - 개발자가 일부러 의도 한 변환   1. 암시적 형 변환1-1. 문자열 변환..
편의점 일회용 보조배터리 분해 및 재활용 ▲ 스마트폰 배터리가 부족할때 급하게 편의점에서 구매해서 사용하는 일회용 보조배터리 한번쓰고 버리기에는 너무 아쉬워서 분해 해보았습니다. ▲ 일회용 보조배터리는 수거 후 재활용이 용이하도록 초음파 융착 / 접착 / 나사 고정 등의 방법은 사용되지 않고 끼워맞물림 으로 하우징 결합이 되어 있습니다. ▲분해를 완료한 모습 리튬이온 3.2 ~ 4.2 V 전압을 5V로 승압하여 스마트폰에 공급하는 PCB 18650 배터리셀 6개 / 21700 배터리셀 2개 를 얻었습니다. PCB는 잘 보관해 두었다가 개조하여 5V 출력용으로 사용합니다. ▲ 배터리 몇개를 가져와 전압을 측정해봅니다. 4.0V 정도 충전되있는 녀석도 있군요. 용량 측정 및 밸런싱 후 BMS 납땜해서 12V 바이패스 비상전원으로 만들어볼까 생각중입..
변수의 데이터 타입 ( 숫자 / 문자열 / 불리언 / 객체 / 배열 / undefined / null ) 변수의 데이터 타입은 7가지로 되어있다. 숫자(Number) 문자열(String) 불리언(Boolean) undefined null 객체(Object) 배열(Array) 하나씩 알아보도록 하자 1. 숫자(Number) 변수를 선언하고, 값을 할당할 때 따옴표(' ' / " ") 로 감싸서 표현하면 데이터 타입이 문자열로 된다. 따라서, 숫자값을 할당하고자 한다면 따옴표 없이 할당하도록 하자. 1-1. 정수형 숫자 (Integer) let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // "number" num1 변수에 따옴표 없이 10을 할당 후 로그를 찍어보면 10이 출력되며 데이터 타입은 숫자(number) 가 된다. let num2 ..

티스토리툴바