나만의 작은 도서관

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 여러 데이터를 하나의 변수에서 관리하고 싶다면 Object 타입을 사용해야 한다. 그런데, Object 타입에 존재하는 속성들은 차례대로 출력되지 않는다. 오늘은 "왜 Object 타입에 존재하는 속성들은 적힌 순서대로 출력되지 않는가?" 에 대해 알아보자.가장 일반적인 예상객체가 가진 속성의 출력 순서를 예상해보면 당연히 "적은 순서대로 나올 것이다"라고 생각한다. 그렇다. 실제로 아래 코드처럼 순서대로 출력이 된다. 그런데...let obj1 = { key1 : "value1", key2 : "value2", key3 : "value3"};for (let prop in obj1){..

개요간단한 영화 정보 웹사이트 제작을 목표로 시작한 팀 프로젝트가 끝이 났다. 5/1일부터 오늘인 5/9일까지 열심히 달렸던만큼 그동안 팀과는 어땠는지, 문제는 없었는지, 있었다면 어떻게 해결했는지 KPT방식을 통해 회고해보자. 이번에는 KPT의 양이 적어서 "팀원들이 왜 그렇게 느꼈을까?" 하는 이유를 개인적으로 적어보았다. 추가로, 팀의 회고가 아닌 내 회고도 추가로 넣어보았다. 팀에서의 내 역할: 팀원 https://github.com/clearghost3/-team_movie-project GitHub - clearghost3/-team_movie-projectContribute to clearghost3/-team_movie-project development by creating an acco..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 선언 new 연산자로 객체를 인스턴스화 하면 된다. 별다를 건 없다.let time = new Date();자주 사용하는 메소드메소드 이름설명getFullYear()현재 "연도"를 반환한다. getMonth()현재 "월"을 반환한다. getDate()현재 "일"을 반환한다. getHours()현재 "시"를 반환한다. getMinutes()현재 "분"을 반환한다. getSeconds()현재 "초"를 반환한다.  간단한 실행 결과getMonth는 1월이 0부터 시작하므로 +1을 해서 출력해야 원하는 월이 나온다.console.log(time.getFullYear(), time.getMonth()+1..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요HTML. Hyper Text Markup Language의 약자이다. 풀네임을 보면 HTML은 마크업 언어라는 것을 알 수 있다. 마크업 언어란 뭘까? 그리고 자주 듣는 마크다운 언어는 마크업 언어와 관련이 있을까? 오늘은 이러한 궁금증을 해결하기 위해 검색한 내용을 토대로 글을 작성했다.마크업 언어(Markup language)마크업 언어는 언어라고는 하지만 우리들이 흔히 말하는 C, Python과 같은 프로그래밍 언어와 다르다.  프로그래밍 언어는 컴퓨터에게 명령이나 연산을 시킬 목적으로 설계되어 기계와 의사소통을 할 수 있게 해주는 언어를 뜻한다. 즉, 프로그래밍 언어는 종류가 뭐가 ..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다.flex각 노드의 height는 가장 height가 높은 노드로 고정display:flex부모 노드에 설정. 자식 노드들(아이템)을 가로 방향으로 배치.flex-direction: row | column | row-reverse | column-reverse;가로로 배치, 세로로 배치. reverse는 좌우 또는 상하 반전 배치.flex-wrap: nowrap | wrap | wrap-reverse여유공간이 없을 때 줄바꿈 없음, 해당 노드 위로 줄바꿈, 해당 노드 아래로 줄바꿈flex-flow: flex-direction + flex-wrap인 단축 속성ex) flex-flow: row wrap..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다.개요대부분의 프로그래밍 언어들에는 가비지 컬렉터(Garbage Collector)를 지원한다. 가비지 컬렉터는 개념이기 때문에 각 언어에서 사용하는 가비지 컬렉터는 조금씩 다른 부분이 있다. 오늘은 자바스크립트의 가비지 컬렉터의 작동과정을 간단히 알아보자.가비지 컬렉터란?직역하면 "쓰레기 수집가"인 가비지 컬렉터(줄여서 GC라고 부르기도 한다.)는 이름 그대로 쓰레기를 수집하는 기능이다. 프로그램이 실행되는 도중 더이상 사용하지 않는 데이터가 발생하게 되는데, 이렇게 자리만 차지하고 더 이상 사용하지 않는 데이터를 쓰레기라고 말한다. 이런 쓰레기를 수집함으로써 메모리를 확보하는 역할을 한다.  !..