본문 바로가기

전체 글143

JavaScript - #20. 생성자 함수에 의한 객체생성 JavaScript - #20. 생성자 함수에 의한 객체생성 객체의 생성법 중 이번에는 생성자 함수를 통한 객체의 생성에 대해서 알아보겠다. 이전에 배운 방법은 객체 리터럴을 통한 생성이였다. 그렇다면 두 방식은 어떤 차이점이 있으며, 무엇을 사용하는 것이 좋을까? 객체 내부에는 여러 프로퍼티와 매서드가 정의되어있다. 만약 유저의 정보를 담는 객체가 있다고 생각해보자. 그 안에는 유저의 이름, 나이, 사는 곳, 등이 정의되어있다. 유저가 한명일 때는 객체 리터럴을 통해서 충분히 만들 수 있지만, 유저가 몇백명이 넘는다고 가정해보자. 값은 다르겠지만 동일한 키의 프로퍼티, 매서드를 가지는 객체를 리터럴로 계속 선언한다면 효율적이지 못할 것이다. 이렇게 비슷한 객체를 여러개 선언할 때 생성자 함수에 의한 객.. 2023. 9. 13.
2023-09-13 사전캠프 8일차 TIL 2023-09-13 사전캠프 8일차 TIL - 스파르타 코딩클럽 강의 수강 - 웹 퍼블리싱 정복반 내일배움캠프 9기 사전캠프 (2주차 강의 시청완료) 강의를 통한 학습 내용 1. 네이버 검색창 클론코딩 복습 2. 네이버 GNB 클론코딩 학습 - HTML 구조 학습 및 CSS 요소 분석 진행 (선 분석 후 수강) 3. 2주차 강의 숙제, 검색창 autocomplete 구현하기 - UI 구성 - 기능 1. 닫힌 상태라면 fold 클래스를 포함하고 열린 상태라면 fold클래스를 삭제하기 2. 바깥 영역을 클릭하면 닫힌상태로 만들기 3. input 영역에 focus 되면 열린상태로 만들기 - 학습한 내용 1. jquery 메서드 - mouseup, addClass, removeClass, hasClass(있는지.. 2023. 9. 13.
2023-09-12 사전캠프 7일차 TIL 2023-09-12 사전캠프 7일차 TIL - 스파르타 코딩클럽 강의 시작 - 웹 퍼블리싱 정복반 내일배움캠프 9기 사전캠프 (2주차 5번째 강의 까지 시청) 강의를 통한 학습 내용 1. html, css, javascript, jquery 사용법 (기초) 2. 개발자도구 활용방법 (크롬) 3. 네이버 검색창 클론코딩 강의에서 코딩한 검색창은 구버전 네이버 검색창이였다. 해당 강의를 통해서 검색창을 어떻게 html로 구성하는지, 개발자 도구를 통해 필요한 css 요소를 가져오는 방법 등을 알 수 있었다. 학습한 내용을 토대로 현재 버전 네이버 검색창을 만들어 보았다. 정확하게 똑같지는 않지만 비슷하게 구현하였다. 전반적인 틀은 강의의 내용과 비슷하였다. 검색 영역을 form 태그를 이용하여 구성하였으며 .. 2023. 9. 13.
Git - #7. 브랜치(생성, 이동, 삭제) Git - #7. 브랜치(1) 깃에서는 차원을 이동하기 위해서 브랜치를 사용한다. 마치 나무에서 가지들이 갈라져 나오는 것과 같이 원하는 시점에서 여러 차원으로 나누는 개념이다. 그렇다면 우리가 브랜치를 분기하는 이유가 무엇일까? 크게 두가지가 있다. 1. 하나의 프로젝트를 여러 형태로 사용할 때 실제 운영되는 프로젝트에서 여러 개발자들이 각각 새로운 기능을 추가하여 실험을 해야할 때 main 브랜치를 그대로 두고 새로운 테스트 브랜치에서 실험을 한다. 2. 현업에서 여러 개발자가 역할 분담하여 프로그래밍 할 때 사용자에게 전달되는 실제 배포용 버전을 가지고 추가할 새로운 기능마다 브랜치를 분기하여 개발자가 가가 작업을 할 수 있다. 각자 분기된 브랜치에서 작업을하고 마지막에 기능을 합친다면 충돌의 위협.. 2023. 9. 12.
2023-09-11 사전캠프 6일차 TIL 2023-09-11 사전캠프 6일차 TIL 프로젝트 복습 : SpartaFilx 완성 - FireStore 데이터 베이스 연동 (추가, 삭제, 읽기 기능 구현) github repository : https://github.com/kms99/myMovieChoiceProject GitHub - kms99/myMovieChoiceProject Contribute to kms99/myMovieChoiceProject development by creating an account on GitHub. github.com web hosting address : https://kms99.github.io/myMovieChoiceProject/ SpartaFlix 영화를 검색해주세요 Previous Next kms9.. 2023. 9. 11.
CS - #2. 2진법, 16진법 표현 CS - #2. 2진법, 16진법 표현 컴퓨터는 우리가 주로 사용하는 10진법을 이해하지 못한다. 컴퓨터가 이해하는 수는 2진법으로 0과 1로 이루어진 수이다. 관련한 내용을 알아보기 전 컴퓨터에서 사용하는 정보의 단위부터 알아보자. 1. 정보단위 컴퓨터는 0과 1로 이루어진 수를 이해한다. 이렇게 0과 1로 표현할 수 있는 최소 단위를 비트(bit)라고 한다. 1비트로 표현할 수 있는 경우의 수는 0이나 1로 2가지이다. 그렇다면 2bit로 표현 가능한 경우의 수는 몇가지 일까? 2bit는 말그대로 두개의 비트가 있는 경우로 위 내용처럼 4가지의 경우의 수를 발생시킨다. 우리는 여기서 규칙을 찾아서 3bit, 4bit 등 표현 가능한 개수를 찾을 수 있다. 컴퓨터에는 여러가지 정보 단위들이 있다. 최소.. 2023. 9. 11.

티스토리툴바