행복을 담는 블로그

오늘의 공부📖 팀 과제 진행 JS 기본문법 실시간 세션 강의 TIL 작성 오늘 공부한 내용 정리💁🏻‍♀️ 1. parseInt( ) 함수 알고리즘 문제 풀다 parseInt 함수를 알게 되었다. 문자열을 정수로 변환하는 함수이다. 또한 진법 표현을 나타낼 수 있다. Javascript parseInt( ) 함수 2. 카드 검색 결과가 없을 때, alert창 띄우기 1) title의 제목을 검색했을 때, 영문의 대소문자를 없애기 위해 toLowerCase를 이용하여 모두 소문자로 만들었다. 2) card를 검색하는 키워드 또한 동일하게 toLowerCase를 이용해 소문자로 만들어준다. 3) 빈 배열을 만들어주는데, 만약 title.includes(searchedValue)를 console.log를 찍어주..

📕 [Javascript] parseInt( ) 함수 📌parseInt ( ) 함수 : 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다. 1. 기본구조 parseInt(string); parseInt(string, radix); 매개변수 string : 파싱하는 값. 숫자로 반환할 문자열 입력 radix : 문자열의 진수를 나타내는 정수. 2 ~ 36까지의 정수. 반환 값 주어진 string에서 파싱한 정수를 반환한다. **주의** radix가 2보다 작거나, 36보다 큰 경우, 공백이 아닌 문자열의 첫 문자가 숫자가 아닌 경우, 위 경우 NaN(Not a Number)을 반환 ex) // 1. 숫자 -> 숫자 console.log(parseInt(123)); // 123 // 2. 문자열 -> 숫자..

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

📌 함수 = function(기능) : input과 output이 존재한다. // 선언과 호출 input : 함수의 input = 매게변수 (매개체가 되는 변수!) output : return 문 뒤에 오는 값 : 반환값 ✅ 기본 골격 function (){} 1. 함수 선언 1) 함수 선언문 function 함수이름 (매게변수=input) { // 함수 내부에서 실행할 메인 로직 } ex) // 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수 function add(x,y){ return x + y; // return이 있어야 실행 한 후에 값을 받을 수 있다. } 2) 함수 표현식 //왼쪽에 함수의 이름을 add2라고 썼기 때문에, function 뒤에 함수 이름을 안 써도 된다! let a..

오늘의 공부📖 알고리즘 코드카타 팀 과제 기획하기 자바스크립트 기초 실시간 강의 수강 오늘 공부한 내용 정리💁🏻‍♀️ 🚨자바스크립트 기초 강의 세션🚨 : 가장 크게 선언과 호출로 이루어짐. 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() 에 대해서 배웠지만 막상 직접 적용해 보는 것은 또 다른 문제인 것 같..