[html] 시맨틱 웹과 시맨틱 태그
2022. 3. 1. 15:13
개발이야기/HTML & CSS & SASS
시맨틱 웹과 시맨틱 태그?? 시맨틱 태그..이게 뭘까? 웹 기술의 발전에 따라 많은 수 많은 정보들이 웹상에 쌓이게 되었는데, 컴퓨터가 그 정보들을 보다 쉽게, 의미있는 해석할 수 있도록하기 위해 시맨틱 웹과 시맨틱 태그라는 웹 개념이 등장했다. -위키백과 음.. 더 쉽게 알아보자. 예를들어, 헤더의 위치를 잡아주기 위해 내가 헤더 코드를 작성했으면 태그 안에 '내가 헤더'라는 내용을 넣어주었기 때문에 '컴퓨터 사용자'는 이 자리가 내가 헤더임을 알 수 있지만, '컴퓨터'는 태그만으로 이 자리가 헤더임을 알 수가 없다. 물론, 태그 안에 id값을 header로 부여하여 내가 헤더 이렇게 나타낼 수도 있지만 id값을 부여하기위해서는 의미없는 div태그를 무조건 사용해줘야 한다. (div태그 남발은 좋은 습..
[JS] 배열 데이터 (filter, find, findIndex, indexOf, includes, push, unshift, reverse, slice, splice)
2022. 2. 26. 07:31
개발이야기/JS
배열 데이터의 중요한 메소드만 살펴보려고 했는데..... 중요한게 너무 많다....!! 이번 시간을 마지막으로 진짜 배열데이터 끝짱내자. .filter() filter란 이름그대로 배열 데이터 안에 들어있는 아이템들을 특정한 기준에 의해서 필터링을 하는 것. 그리고 filter된 아이템들을 새로운 배열 데이터로 반환한다. const numbers = [1, 2, 3, 4] const fruits = ['apple', 'banana', 'cherry'] const a = numbers.map(number => { return number number < 3) console.log(a) 위의 코드를..
[JS] 배열 데이터 (concat, foreach, map, join)
2022. 2. 26. 06:06
개발이야기/JS
배열 데이터를 끝짱내보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체입니다. developer.mozilla.org mpn 문서를 먼저 확인해보면. array부분에 프로토타입의 중간속이있고,랭스라는 속성이 있다. 프로토타입이라는 개념이있으면 []대괄호로 데이터를 손쉽게 만들어내는 리터럴 방식으로 .length라는 속성을 바로 붙여 사용할수있다는 것이다. array의 메소드도 아~~~주 많다. 다 알아볼 수는 없으니 자주 사용하는 메소드만 살펴보자! ...
[JS] 숫자 데이터 (toFixed, .abs, .min, .max, .ceil, .floor, round, random)
2022. 2. 26. 04:31
개발이야기/JS
숫자와 관련된 메소드도 알아보자. .toFixed 소수점 자리가 너무 클때 원하는 소수점까지 제거 할수 있는 메소드다. .toFixed(소수점에 몇 자리수까지 유지할건지) const pi = 3.14159265358979 console.log(pi) const str = pi.toFixed(2) //3.14 .toFixed 메소드를 사용하고나서 콘솔로그로 str 변수를 출력해보았다. console.log(str) // 3.14 console.log(typeof str) // string 3.14가 잘 출력되는 것을 볼 수 있다. 그럼 이 데이터가 과연 숫자 데이터가 맞는지 typeof를 통해 출력해 보았더니..... string 값이 나왔다. 나는 3.14가 숫자데이터로 출력되길 원했는데..? 그때 사용..