본문 바로가기

분류 전체보기143

JavaScript - #19. 프로퍼티 어트리뷰트 JavaScript - #19. 프로퍼티 어트리뷰트 1. 내부 슬롯과 내부 메서드 프로퍼티 어트리뷰트를 이해하기 위해서는 내부 슬롯과 내부 메서드에 대한 이해가 필요하다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위하여 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드이다. 내부 슬롯과 내부 메서드는 개발자가 직접 사용하기 위해 구현된 것이 아니기 때문에 원칙적으로는 외부에서 접근할 수 없다. 하지만 일부 내부 슬롯과 내부 메서드에 간접적으로 접근할 수 있는 방법이 있다. 예를들어 [[Prototype]] 이라는 내부 슬롯은 모든 객체가 갖는 내부 슬롯이다. 이 내부슬롯에 접근하기 위해 직접적으로 [[Prototype]]을 사용할 수 는 없지만. .__pro.. 2023. 9. 11.
CS - #1. 컴퓨터 구조 CS - #1. 컴퓨터 구조 1. 컴퓨터가 이해하는 정보 컴퓨터는 0과 1로 표현된 정보를 이해하며, 이렇게 표현된 정보는 데이터와 명령어로 나뉜다. 데이터 컴퓨터가 이해하는 숫자, 문자, 이미지, 동영상과 같은 정적인 데이터, 컴퓨터와 주고받는 정보나 컴퓨터에 저장된 정보 명령어 컴퓨터를 실질적으로 작동시키는 정보 다음 예시를 생각해보자. 1과 2는 데이터이고 1과 2를 더하라는 명령어이다. 데이터는 명령어가 없다면 그냥 저장된 정보일 뿐이다. 명령어에 '더하라'라는 동작이 있기 때문에 필요한 데이터로 가공될 수 있는 것이다. 즉, 명령어는 컴퓨털을 작동시키는 정보이고 데이터는 명령어를 위해 존재하는 일종의 재료라고 볼 수 있다. 2. 컴퓨터의 4가지 핵심부품 세상에는 다양한 종류의 컴퓨터가 있으며, .. 2023. 9. 10.
2023-09-08 사전캠프 5일차 TIL 2023-09-08 내일배움캠프 사전캠프 5일차 TIL 프로젝트 복습 : SpartaFilx 기존에 강의를 보며 만들었던 SpartaFilx의 UI를 참고하였으며, 몇가지 기능을 추가하였음 - UI 보완 토이 프로젝트 : To-Do-List 1. dark/white 모드 구현 dark 및 white 모드에 맞게 css 코드를 작성하였다. 2. 언더바 구현 offset 프로퍼티와 transition을 이용하여 동적으로 움직이는 언더바를 구현하였다. 3. 문제 각 항목에 맞게 스톱워치 기능을 추가하려고 하였다. setInterval과 clearInterval을 사용하여 구현 하려 하였으나, 각 list item이 화면에 구현이 될 때 각각의 id가 중복되어 해당하는 item을 지정하는데 어려움이 있었다. q.. 2023. 9. 8.
2023-09-07 사전캠프 4일차 TIL 2023-09-07 내일배움캠프 사전캠프 4일차 TIL 프로젝트 복습 : SpartaFilx 기존에 강의를 보며 만들었던 SpartaFilx의 UI를 참고하였으며, 몇가지 기능을 추가하였음 - UI 제작 내용 - 사용기술 : HTML, CSS, JavaScript, Jquery - 부트스트랩 CDN 이용 : Navbar, Carousel, Row, Col - TMDB API : 영화 검색 API를 사용하여 원하는 영화를 검색하고 카드로 추가하는 기능 구현. 검색시 한가지 영화가 아닌 여러 영화 데이터가 호출되기 때문에 영화를 선택할 수 있도록 부트스트랩 Carousel 이용. Carousel Item 내에 있는 영화 선택버튼을 누르면 영화의 ID가 저장되고 영화에 대한 코멘트 부분의 완료 버튼을 누를 시.. 2023. 9. 8.
Git - #6. Reset, Revert Git - #6. Reset, Revert 이전 시간에는 commit을 이용하여 새로운 버전을 추가하는 것을 알아보았다. 이번에는 이전 버전으로 이동하는 방법을 알아보겠다. 이전 버전으로 이동하는 방법은 두가지가 있다. Reset, Revert라는 방법이 있으며, 해당 방법들은 이전 버전으로 이동 하는 것은 맞지만 방식이 다르다. 1. 동작 방법 현재 commit4가 가장 최근 버전이며, 해당 버전에서 commit2로 돌아가려고 하는 상황이다. Reset의 동작을 먼저 알아보겠다. commit 2로 돌아가기 위해 Reset은 앞의 commit들을 삭제한다. 다음으로 Revert의 동작이다. Revert는 목표인 Commit2로 이동하기 위해서 가장 최근인 commit부터 실행 취소를 하고 그 기록을 새로.. 2023. 9. 7.
2023-09-06 사전캠프 3일차 TIL JavaScript Handbook 정리 (09/06) part 05. 객체 기본문법 1. 객체 - 원시형과 객체형의 차이 원시형 : 오직 하나의 데이터를 담을 수 있음 객체형 : 다양한 데이터를 담을 수 있음 - 객체의 생성 객체 리터럴 문법 : 중괄호 ( {...} )를 이용하여 선언한다. 이를 객체 리터럴이라고 부른다. 중괄호 내에는 키(key), 콜론(:), 값(value)료ㅗ 이루어진 프로퍼티가 여러개 포함된다. 키에는 문자열, 값에는 모든 자료형이 허용된다. 객체 생성자 문법 : new 키워드와 Object() 생성자 함수를 통해 비어있는 객체를 만들 수 있다. let user = new Object(); // '객체 생성자' 문법 let user2 = {}; // '객체 리터럴' 문법 객체는.. 2023. 9. 6.

티스토리툴바