행복을 담는 블로그

CSS로 중앙 배치를 하고 싶을떄, 주로 display : flex;를 이용하는 것을 알 수 있다. CSS 기초에서도 배웠듯이 주로 가운데 정렬을 하기 위해서는 다음과 같이 작성을 하면 된다. display: flex; flex-direction: row; align-items: center; justify-content: center; 이떄 flex-direction 은 크게는 row와 colume으로 나뉜다. 크게는 메인축(main axis)와 교차축(cross axis)가 존재하는데, row와 colume은 두 축이 서로 반대이다. column (세로 정렬) 메인축(main axis) : y축 교차축(cross axis) : x축 row (가로 정렬) 메인축 : x출 교차축 : y축 📌 flex :..

오늘 이 문제를 풀었다. 그 동안에는 배열이 주어졌고, 해당 배열 내의 숫자 값들을 합하거나 평균을 구하는 식의 문제가 주었다. 하지만 이 문제는 배열이 아닌 숫자가 주어졌기에 숫자 각각의 index를 지정하여 더할 수가 없었다. 따라서 해당 문제를 푸는 로직을 먼저 글로 작성을 하여 생각해 보았다. 1. 숫자 -> 배열로 먼저 만들기 숫자를 배열로 만드는 방법부터 살짝 막막했다. 약간의 서칭과 함께 'split() 메소드' 라는 힌트를 얻어 다시 진행하였다. 2. 배열을 만들기 위해 숫자 -> 문자열로 우선 바꾼다. const str = String(n); 3. 문자열을 split("")을 이용하여 하나하나를 쪼갠다. const newArr = str.split('') 4. 생성된 배열을 for문을 이..

오늘의 공부📖 09-11시 [특강] 알고리즘 세션 2일차 JS 문법 2주차 강의 복습 + 정리하기 JS 문법 3주차 강의 수강 개인 과제 진행 오늘 공부한 내용 정리💁🏻‍♀️ 1. 복습한 내용 1) Map 📌 Map 이란? key-value pair를 저장 객체와 비슷. BUT 객체는 key에 문자 형태만 가능하다. Map은 key에 어떤 데이터 타입(유형)도 다 들어올 수 있다. Map은 key가 정렬된 순서로 저장된다. Map 생성 const myMap = new Map(); set() method : Map에 값을 추가 myMap.set('key', 'value'); // {'key' => 'value'} get() method : Map에 값을 검색 console.log(myMap.get('key..

// 풀이 1 function solution(numbers) { let array = numbers; const result = array.reduce(function add(a,b){ return a+b; }) return result/array.length; } // 풀이 2 function solution(numbers) { var sum = 0; for (i=0; i a+b); // 3️⃣ 변수 설정하기 const arr = [1, 2, 3]; const result = arr.reduce(function add(sum, currValue) { return sum + currValue; }, 0); 2. reduce () 메서드로 배열의 평균 구하기 : reduce() 함수로 배열의 합을 구한 ..

오늘의 공부📖 09-11시 [특강] 알고리즘 세션 1일차 JS 문법 1주차 복습 JS 문법 2주차 강의 수강 16-17시 [특강] sort 정복 강의 수강 오늘 공부한 내용 정리💁🏻‍♀️ 1. 복습한 내용 1) 반복문 (for, while) 📌 for문 기본구조 for (초기값; 조건식; 증감식) { } ex) for (let i=0; i 0 FOR문 돌아가고 있음 => 1 FOR문 돌아가고 있음 => 2 FOR문 돌아가고 있음 => 3 FOR문 돌아가고 있음 => 4 FOR문 돌아가고 있음 => 5 FOR문 돌아가고 있음 => 6 FOR문 돌아가고 있음 => 7 FOR문 돌아가고 있음 => 8 FOR문 돌아가고 있음 => 9 2) 1주차 문제 풀이 function solution(s) { var ans..

✅ Javascript Math.ceil/ floor / round Math.ceil() : 소수점 아랫자리를 올리는 함수 (올림) Math.floor() : 소수점 아랫자리 버리는 함수 (버림) Math.round() : 소수점이 존재 할 때, 소수값에 따라 올리거나 버리는 함수 (반올림) var num = 235.7; console.log(Math.ceil(num)); // 236 console.log(Math.floor(num)); // 235 console.log(Math.round(num)); // 236 📌 Math 객체 : 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 javascript 표준 내장 객체

오늘의 공부📖 JS 문법 종합반 1주차 [특강] 학습법 TIL 작성 오늘 공부한 내용 정리💁🏻‍♀️ 1. 복습한 내용 1) Data Type에서 '문자열'을 확인하는 다양한 방법 (불과 며칠 전에 들은 내용인데 다시 보니 정확하게 기억이 나지 않는 부분이었다.) // 1️⃣ 문자열 길이 확인하기 : length console.log(str.length); // 12 // 2️⃣ 문자열 결합하기 : concat let str1 = "Hello, "; let str2 = "World!"; let result = str1.concat(str2) console.log(result); // Hello, World! // 3️⃣ 문자열 자르기 : substr, slice let str3 = "Hell..

📕 Javascript 문법 종합반 1주차 1. JS (자바스크립트) 언어의 역사 및 특징 ▶️ 언어 : 컴퓨터와 사람 사이 소통이 필요 🖥️ Javascript : 브라우저 동작 스크립트 언어 / 브라우저를 움직이게끔 하는 언어. 브라우저 : 자바스크립트를 통해서 많은 동적인 액션을 만들어낼 수 있다. 이를 제어하기 위해서 자바스크립트 언어가 생김. 1) 역사 2005년 AJAX 등장(javascript 기반의 기술) : 효율성, 속도 부족 -> 등장 이후 폭발적인 UX 향상 * UX (User eXperience): 사용자 경험. 사용자들이 얼마나 편리하게 사용하는가 2008년 V8 엔진 출시 (google) : 브라우저 속도 엄청나게 향상 ⬆️ 2009년 Node.js 등장 ▶️ FullStack ..