Wecode [Pre-course] 중간 시험 wecode에서 첫번째 테스트 🎉️ 총 8문제의 자바스크립트 문제를 풀었는데 제출한 답안 중에 마음에 안드는 답안인 8번 문제를 여러 방면으로 풀어봤다 😀️ 그럼 풀이 스타트 -! 문제 08번 | findMaleName 배열에서 남성을 찾아 그 이름을 반환하는 함수를 만들어주세요. 함수는 인자로 객체가 요소인 배열을 받습니다. 배열의 요소는 각 사람에 대한 객체이며 아래는 배열의 예시입니다. 배열 예시 : [ { name: 'tom', age: 10, gender: 'male' }, { name: 'sera', age: 30, gender: 'female' }, ] 함수의 반환값 : 'tom&#..

📑 Cascading Meaning of CSS 브라우저가 CSS코드를 읽을 때, 위에 있는 코드부터 순서대로 읽는다는 의미. 즉, 맨 마지막에 있는 코드가 적용 📑 Block 요소 옆에 다른 요소가 올 수 없음. (Box 개념) 대부분의 box들은 block , , , 등등 block의 특징 margin : box의 border(경계)로부터 바깥에 있는 공간 * Collapsing margins: 자식box의 경계가 부모box의 경계와 같을 때 일어나고, 그 때 두 box의 margin이 하나가 됨. (위, 아래쪽만 일어남) padding : box의 border(경계)로부터 안쪽에 있는 공간 border : box의 경계 📑 Inline 하나의 요소 옆에 다른 요소 올 수 있다. 즉 같은 줄에 위치할..

📑️ Semantic Web 등장배경 웹 상에 축척된 정보가 방대해 짐. ➡️ 엄청난 양의 불필요한 정보들이 생김. ➡️ 컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어 모든 정보를 사용자가 직접 개입해서 처리해야 했음. 이런 문제를 해결하고자 팀 버너스리등에 의해 Semantic Web이라는 개념이 제시됐다. 정의 "의미론적인 웹" 이라는 뜻으로, 컴퓨터가 이해할 수 있는 잘 정의된 의미로 만들자는 것이다. 이를 기반으로 의미정 상호운영성, 다양한 정보자원의 처리 자동화, 데이터 통합 및 재사용을 컴퓨터가 스스로 수행하여 인간과 컴퓨터 모두 잘 이해할 수 있는 웹을 만드는 것이 목표이다. 📑️ Semantic Tags "의미론적인 태그" 라는 뜻으로 HTML5에서는 웹 페이지에서 통상..

문자열 관련 메서드 slice() 문자열 일부를 추출한다 slice(start) slice(start, end) const str = 'The quick brown fox jumps over the lazy dog.'; console.log(str.slice(31)); // expected output: "the lazy dog." console.log(str.slice(4, 19)); // expected output: "quick brown fox" console.log(str.slice(-4)); // expected output: "dog." substring(start, length) 문자열을 length만큼 잘라내기 substring(start) substring(start, e..

모던 자바스크립트(저자 이웅모) 내용을 참고하였습니다. 함수 일련의 과정을 문(statement)으로 구현하고 코드블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수 정의 함수는 함수 정의를 통해 생성한다. 함수 정의란 함수를 호출하기 이전에 인수를 전달받을 매개변수와 실행할 문들, 그리고 반환할 값을 지정하는 것을 말한다. 함수를 정의하는 방법 함수 선언문 funtion add(x, y){ return x + y; } 함수 표현식 var add = funtion (x, y){ return x + y; }; 화살표 함수(ES6) var add = (x, y) => x + y; Function 생성자 함수 var add = new Function('x','y', '..

모던 자바스크립트(저자 이웅모), 코어 자바스크립트(저자 정재남) 내용을 참고하였습니다. 데이터 타입은 왜 필요한 것일까? 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해 메모리에서 읽어 들인 2진수를 어떻게 해석할 지 결정하기 위해 데이터 타입의 분류 원시타입과 참조타입을 구분하는 기준 원시형은 값이 담긴 주소값을 복제하고, 참조형은 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제한다 원시 타입 number, string, boolean, undefined, null, symbol 불변값 var a = 'abc'; a = a + 'def'; 'abc'가 ..