행복을 담는 블로그

오늘의 공부📖 알고리즘 코드카타 JS 문법 강의 다시 듣기 팀과제 영화검색 유효성 검사 오늘 공부한 내용 정리💁🏻‍♀️ 1. 복습한 내용 Javascript 강의를 다시 들으면서 앞부분부터 제대로 이해하지 못하거나 까먹은 부분들을 보충해가며 강의를 수강하였다. 함수 파트 역시, 어제 들은 함수 세션 강의를 듣고 나서 다시 강의를 들으니, 이제야 함수를 선언하는 방법과 호출하는 방법에 대해서 더 잘 이해할 수 있었고, 복잡한 코드 속에서도 함수의 형태가 눈에 잘 들어와서 코드를 해석하고 이해하는데 더 도움이 되었다. (아래 링크 참고) Javascript 함수 2. 새롭게 배운 내용 개인과제에 이어 팀과제에서 메인 페이지의 유효성 검사(validation check) 파트를 맡게 되어 오늘 구현하고자 했다..

오늘의 공부📖 알고리즘 코드카타 팀 과제 기획하기 자바스크립트 기초 실시간 강의 수강 오늘 공부한 내용 정리💁🏻‍♀️ 🚨자바스크립트 기초 강의 세션🚨 : 가장 크게 선언과 호출로 이루어짐. 1) 변수 선언 - 호출하기 var a = 1; // 변수 선언하기 a // 변수 호출 = 변수 사용하기 위해 2) 함수 선언 - 호출하기 function 함수이름 (매개변수){ return 함수 실행부 // 실제 함수가 실행되는 로직 } ▶️ 함수의 이름을 부르려고 선언!! ** 변수 또는 함수의 이름은 '독립적'으로 작성하자. 📌 함수 선언 : const c = () => {}; 📌 함수 호출 : c() // 이게 함수를 호출하는 것!! ex) // 1. 함수 선언 function fullName(성, 이름){ r..

오늘의 공부📖 개인과제 코드 리뷰 Git & Github 2차 특강 오늘 공부한 내용 정리💁🏻‍♀️ 🧐 개인 과제 코드리뷰 및 해설 1) innerHTML : '문자열' 이다. → 이 문자열을 태그 안의 태그로 넣어줘라. 2) array.join( ) : 배열의 join( ) 메서드 : 배열을 '문자열'로 만들어 줘. const elements = ['Fire', 'Air', 'Water']; // 1. 인자없이 빈 메소드 형태 사용 -> ,(콤마)로 구분 console.log(elements.join()); // "Fire,Air,Water" // 2. ''(빈 문자열) 인자 -> 합치기 console.log(elem..

오늘의 공부 📖 개인과제 코드리뷰 및 해설 오늘 공부한 내용 정리💁🏻‍♀️ 🧐 개인 과제 코드리뷰 및 해설 1) 전 수강생 코드리뷰 - prettierrc : code formator 기능. - reset.css : 모든 브라우저에서 일관된 코드로 읽을 수 있게끔 초기화를 시켜준다. 브라우저마다 각각 html 태그에 들어가 있는 CSS 속성에 대해 기본적으로 들어가 있는 스타일링 코드를 일반화 - ui.css : css 파일 따로 만들기 2) semantic 한 태그를 사용하자! 📌 semantic : 의미론적인 태그 → 자식 태그로 누가 존재할지 미리 예측 가능하다! : 검색 엔진이 보고 어떤 태그인지 바로 알 수 있다. ▶️ 검색엔진 최적화 : SEO 에도 유리 태그 내에서 onsubmit : Ent..

오늘의 공부📖 [특강] 9-11시 알고리즘 세션 3일차 JS 강의 3,4 주차 수강하기 CSS flex 속성 공부하기 오늘 공부한 내용 정리💁🏻‍♀️ 당장 다음주까지 개인과제를 제출 해야하기에,, javascript 강의를 수강하는데 집중을 하였다. 강의를 듣고 나면 해당 내용을 정리해가며 강의를 들어왔는데, 그러다보니 강의를 듣는 시간보다 블로그에서 다시 복습하고 정리하는 시간이 더 오래 걸리는 것 같아 오늘은 그냥 진도만 쭉쭉 나갔다. 그래도 오늘 배운 기억에 남는 몇 가지를 작성해보고자 한다. 1. 알고리즘 문제 풀기 프로그래머스에서 알고리즘 문제를 풀면서 split() 메서드를 활용하는 방법을 정리해보았다. 분명 split() 에 대해서 배웠지만 막상 직접 적용해 보는 것은 또 다른 문제인 것 같..

오늘의 공부📖 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..

오늘의 공부📖 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..

오늘의 공부📖 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..