본문 바로가기

전체 글

UI/UX UI(User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 미적 요소을 의미합니다. 화면상의 그래픽 요소 + 키보드 + 마우스 등의 물리적 요소 모달 토글 탭 태그 자동완성 드롭다운 아코디언 캐러셀 페이지네이션 무한스크롤 GNB LNB GUI(Graphical User Interface, 그래픽 사용자 인터페이스) 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경. 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있습니다. --------------------------------------------------------------------------------------------------- UX(User Experience,.. 더보기
js 소수점처리 .tofixed() let numObj = 1.23456 console.log(numObj.toFixed()); // 결과: '1' console.log(numObj.toFixed(6)); // 결과: '1.234560' console.log(numObj.toFixed(3)); // 결과: '1.235' console.log(numObj.toFixed(1)); // 결과: '1.2' 출처: https://junghn.tistory.com/entry/JavaScript-소수점-처리-방법-toFixed-사용법과-예제 [코딩 시그널:티스토리] 더보기
Rest Api REST API Http 프로토콜을 기반으로 요청과 응답에 따라 리소스를 주고받기위해 알아보기 쉽고 잘 작성된 메뉴판이 필요! 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 0단계 : HTTP 사용 -단순히 HTTP 프로토콜을 사용하는 것이 REST API의 출발점, REST API를 작성하기 위한 기본단계 -------------------------------------------------------------------------------------------------------------- 1단계 : 개별 리소스와의 통신 준수 모든 자원은 개별 리소스에 맞는 엔드포인트(Endpoint)를 사용해야하며 , 요.. 더보기
프로토타입체인 상속을 자바스크립트에서 구현할 때 프로토타입 체인을 사용합니다. _proto__를 이용하면 부모 클래스의 프로토타입, 혹은 '부모의 부모 클래스'의 프로토타입을 탐색할 수 있습니다. let div = document.createElement('div'); div.__proto__ div.__proto__.__proto__ div.__proto__.__proto__.__proto__ 결과: HTMLDivElement {Symbol(Symbol.toStringTag): 'HTMLDivElement', onmouseenter: undefined, onmouseleave: undefined, constructor: ƒ} HTMLElement {…} Element {…} 더보기
객체지향 프로그래밍 (프로토타입과 클래스) JavaScript는 프로토타입 기반 언어이다. 프로토타입(Prototype)은 원형 객체를 말한다. JavaScript의 모든 객체는 각자의 부모 객체와 연결되어 있으며 부모 객체의 프로퍼티나 메서드를 상속받아 사용할 수 있다. 이러한 부모 객체를 프로토타입이라고 한다. 더보기
클래스와 인스턴스 청사진 ---> class. 객체 만드는 ---> instances function Car(color){} let avante = new Car('hyundai','avante','black'); let mini = new Car('bmw','mini','white'); 클래스를 만드는 방법: 일반적인 다른 함수와의 구분을 위해 대문자로 시작, 일반명사로 만든다.(일반적인 함수: 소문자 시작, 적절한 동사 포함) //ES5 function Car(brand, name, color) {} ES6에 클래스를 정의할 때 class 키워드를 사용하는 새로운 문법 도입. class Car { constructor(brand, name, color){ this.brand = brand; this.name = nam.. 더보기
객체지향 프로그래밍 OOP 객체 지향 프로그래밍 (Object-oriented programming) 컴퓨터 프로그래밍의 패러다임 중 하나 컴퓨터 프로그램을 명령어의 목록으로 보는 시각이 아닌 여러 개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고자 하는 것이다. 따라서 OOP의 모든 것은 객체로 그룹화 됨. Encapsulation(캡슐화) 데이터(속성)와 기능(메서드)을 하나의 단위(하나의 객체)로 묶는 것 은닉화: 구현은 숨기고, 동작은 노출시킴 즉, 내부 데이터나 내부 구현이 외부로 노출되지 않도록 만드는 것. 느슨한 결합(Loose Coupling)에 유리 - 언제든 구현을 수정할 수 있음 - 코드 실행 순서에 따라 절차적으로 코드를 작성하는 것이 아니라, 코드가 상징하는 실제 모습과 닮게 코드를 모아 결합하는.. 더보기
코드스테이츠 Secton1 마침 -KPT 회고 1.목표 상기하기 학습을 통해 이루고자 하는 것 : 공부습관, 끝까지 파고드는 자세, 이해후 말로 표현가능 --> 자체서비스회사 취직! 2.Keep 적당한 스트레스와 운동, 존버정신 ,아침1시간일찍 기상 ,코테 한문제씩 Problem 잡생각, 인터넷서핑? ,감정컨트롤 3.Try 1.공부할땐 딴짓 금지. 기술외 서칭금지 2.바른자세, 집중안되면 바로 나가기 3.오늘할 것 아침에 상기하기. 적어놓고 꼭 이루기 4. 8시 -11시 빡공 이 모든 공부가 우선은 취업을 위한 것 임을 잊지않기. 면접, 코테, 자소서 섹션1종료 벌써 한달. 솔직히 온 힘을 다해 하지 못했다. 주말활용이 떨어졌고 수업후 반드시 11시까지 집중하고 딱 자기 이번에 못했던 페이지네이션 구현부분 정확하게 짚고 가자. 코테가 늘 마음에 걸린.. 더보기