728x90 내일배움단40 [TIL] JavaScript - DOM 서론 JavaScript를 공부하면서 DOM이 뭐냐는 질문을 들었을 때, 바로 대답이 안 나왔습니다... DOM을 항상 사용하면서 뭐냐는 질문이 들어오면 선뜻 대답하지 못하는 제 자신을 보고 아직 한참 멀었다는 것을 느끼게 되었습니다 그래서 다시 공부해보려 합니다!! DOM이란? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페.. 2022. 12. 1. [TIL] JavaScript - Bigint 서론 알고리즘 문제를 풀다가 분명 코드는 맞게 짰는데, 중간중간에 오류가 뜨는 부분이 있었습니다. 질문하기를 통해 문제에 대해 확인해 보니 Number 원시 값의 최대치가 넘어서 오류가 발생했다고 합니다... Bigint란? Bigint는 Number 원시 값이 안정적으로 나타낼 수 있는 최대치인 2^53 - 1보다 큰 정수를 표한할 수 있는 내장 객체입니다. 출처 : MDN 2^53 - 1 보다 더 큰 수를 다룰 수 있게 됩니다. Number 타입과 같이 섞어 연산할 수 없습니다. 단, 비교는 가능합니다. Bigint는 Bigint 끼리 비교, 연산해야 합니다. 일반 Number보다는 속도 측면에서 느립니다. Math 내장 객체의 메서드도 사용할 수 없습니다. +, -, *, / , % 연산자는 사용 .. 2022. 11. 30. [TIL] JavaScript - 얕은 복사, 깊은 복사 원시 타입(Primitive type) VS 객체 타입(Object/Reference type) 얕은 복사와 깊은 복사에 대해서 이해하기 위해서 우선 자바스크립트 데이터 타입인 원시 타입과 객체 타입에 대해 이해해야 합니다. 우선 원시 타입은 Number, BigInt, String, Boolean, Null, Undefined, Symbol 7개의 타입이 있고, 그 외 모든 데이터는 객체 타입입니다. 얕은 복사(Shallow Copy)란? 객체를 복사할 때 위의 예제처럼 원래 값과 복사된 값이 같은 참조를 가리키고 있는 것을 말한다. 객체 안에 객체가 있을 경우 한 개의 객체라도 원본 객체를 참조하고 있다면 이를 얕은 복사라고 합니다. 객체를 복사할 때, 해당 객체만 복사하여 새 객체를 생성합니다. 복.. 2022. 11. 29. [KPT] B반 10조 HypeExpress 회고 한 주의 흐름 한 일(프로젝트 소개) 프로젝트 명: Hype Express 팀원: 박진양, 김예슬, 유영재, 한상권, 조영찬 최신 패션,음식,여행 그리고 엔터테이먼트 등 다양한 분야의 소식을 데일리 뉴스와 유니크한 콘텐츠를 제공하는 플랫폼을 기획하였습니다. 기능 모든 페이지를 반응형으로 디자인 각 카테고리별로 뉴스피드 구현 맘에 드는 피드 클릭 시 좋아요 와 스크랩 기능 추가 구현 로그인 / 회원가입 구현 로그인 시 MY PAGE로 이동 시 아이디, 사진 수정할 수 있는 설정 부분 구현 내가 쓴 글과 좋아요로 구혁을 나눠 나의 자료를 볼 수 있게 구현 파이어 베이스를 활용한 백엔드 구축 AWS S3로 배포 느낀점 예슬 플렉스 박스가 생각보다 유기적으로 돌아가지 않는 점이 어려웠다. js도 아니고 css인.. 2022. 11. 28. [WIL] 프로젝트 마지막 주... 서론 사실상 프로젝트 마지막 날... 내일 발표를 위해 마지막으로 정리하는 중입니다... 진짜 일주일동안 거의 쉬지않고 달려온... 저희 Hype Express.... 본문 2022. 11. 27. [TIL] JavaScript - 정규 표현식 정규 표현식이란? 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec()와 test() 메서드를 사용할 수 있습니다. String의 match(), matchAll() (en-US), replace(), replaceAll() (en-US), search(), split() 메서드와도 함께 사용할 수 있습니다. 출처: mdn 정규표현식 사용법 정리 1. 정규표현식 형식 /패턴/플래그 - 슬래시(/) "사이"에는 매칭 시킬 "패턴"을 써준다. - 슬래시(/) "다음"에는 옵션을 설정하는 "플래그"를 써준다. (플래그는 하나만 찾을지, 모두 다 찾을지 등을 설정하는 옵션이라고 보면 됩니다.) 2. 정규표현식.. 2022. 11. 27. 이전 1 2 3 4 5 6 7 다음 728x90
