본문 바로가기
반응형

분류 전체보기202

APi 프레임워크 라이브러리 의 차이 한 줄 설명___ API : 호출을 위한 수단 , 컴포넌트를 사용하는 규약 : 어떤 기능을 프로그래밍으로 사용하기 위한 수단 라이브러리 : 코드 구현을 하다 필요한 기능을 구현하기 위해 가져와 쓰는 것 프레임워크 : 누군가 정해둔 규칙을 따라가며 코딩을 구현하는 것 API (Application Programming Interface) 응용프로그래밍 인터페이스 - 응용프로그램에서 사용할 수 있도록 운영체재나 프로그래밍 언어가 제공하는 기능을 제어하는 인터페이스 - 어플리케이션 기능 수행을 위해 호출할 수 있는 함수의 집합 Ex) OpenGL Java API 라이브러리 - 특정 기능에 대한 도구, 함수의 집합 - 프로그래밍 기능 수행을 위한 도구의 집합 각 함수들은 독립적으로 작동하며 필요한 함수만 호출하.. 2021. 3. 15.
깃허브(github) 잔디심기 오류 해결하기! 현재 코딩부트캠프를 진행하며 열심히 개발중이다. 나름 1일1커밋이 목표였지만, 미션이 너무 어렵고. 다른 팀원분들과 함꼐 공동 repository 를 사용하면서 그중 한 branch에서만 작업하는 나는 그냥 commit 과 push 로는 잔디가 심어지지 않았다. 하루 하루 진행했던 것들을 PR후 머지가 되야만 잔디가 심어졌다... 아쉬운 나는 공부한것들이라도 정리해서 올리리라 다짐 ! 열심히 작업했던 것들을 깃헙에잔디심기 하고싶어 commit -> push 정상완료 뜨는데 잔디가 안심어져 있다.? 서치한 결과 깃허브 계정 상 (이메일 주소,유저이름) 와 config (이메일 주소,이름) 가 같게 설정되야 한다. 1) 깃허브 계정의 이메일 주소 확인하기 깃허브 프로필 클릭 -> settings -> 이메일.. 2021. 3. 12.
[Javascript] Prototype 을 통한 상속 과 __proto__ +(MDN 예제로 보는 Prototype 상속) 자바스크립트에서 class란? 생성자함수 생성 함수 호출 객체 생성 시 내부 구현 크롱의 수업과 생활코딩 js 객체지향 프로그래밍을 참조하여 MDN에 잇는 Class Model 상속예제 -> Constructor function 과 prototype을 이용하여 상속을 구현해 보았다. Class 를 이용한 상속 Javascript는 프로토타입 based 언어 원래는 class 가 있기 전에 생성자 함수를 이용하여 상속을 구현했다. 따라서 Class 의 extends 를 프로토타입을 통해 구현해보자 Constructor function (생성자 함수) 및 객체 생성 1) Car (부모) , Model (자식) 이라는 생성자 함수 생성 각자의 Prototype 객체가 생성됨 ( Car's prototype ,.. 2021. 3. 12.
[JavaScript ] prototype vs __proto__ + 객체 지향 프로그래밍 자바스크립트의 함수는 객체 function Person(){} var Person = new Function(); 객체이기 때문에 property를 가질 수 있음 ↓ 함께 이해하는 것이 중요 https://rrecoder.tistory.com/87?category=947948 JavaScript 프로토타입(prototype) 이해 Object (객체) 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인 것 var memberObject = { tami: 'name', developer: 'java', age:'25', } this 메서드가 자신이 속해있는 객체를 가리키는 키워드 객체가 내부적.. rrecoder.tistory.com prototype 과 __proto__ 예시) Person Person.p.. 2021. 3. 11.
[Javascript] __proto__ 와 상속 ► Object(객체)에서의 상속 보통은 class 단계에서 상속을 받고 상속을 받은 class 가 object를 만들지만 자바스크립트에서는 객체 자체를 상속받을 수 있음 prototype link : 객체의 상속을 연결해주는 링크 prototype object : sub object가 상속을 받은 객체 출처)opentutorials.org/module/4047/24626 객체와 객체 상속 실행되는 __proto__ 예제1) var superObj = {superVal:'super'} var subObj = {subVal :'sub'} subObj.__proto__ = superObj; console.log("subVal",subObj.subVal); //sub console.log("superVal",.. 2021. 3. 11.
JavaScript 함수호출 Call / Bind 메서드 처음 자바스크립트를 배울 땐 쓰라는대로 함수를 쓰고 this 도 그냥썼지만, 몇개의 프로젝트를 경험하고 나서 다시 공부해보는 JS는 정말 신기하고 재밌는 도구이구나 .! 자바스크립트의 함수 JS의 함수 : 자신만의 this를 정의하는것 예시로 sayHello 라는 함수를 만들고 this를 실행시키면 Window 객체가 나온다. 즉 JS에서 기본적인 this = windowr객체 라는것 나는 sayHello에서 window를 쓰고싶지 않다. this를 그때그때 알맞은 객체로 바꿔야 하는데 이것이 바로 this의 binding! this를 알맞게 바꿔주는 함수가 있는데 그것이 바로 call apply, bind이다 . 자바스크립트에서는 함수를 많이 다루고 this를 다뤄야 할 경우가 많음!! 자바스크립트에서.. 2021. 3. 11.
git push 오류 error: pathspec '' did not match any file(s) known to git Git 에서는 정말 각양각색의 사고가 일어난다. 오늘은 또 무슨일일까? 처음 push 하는상황 local의 step1 에서 이것저것 열심히 구현, 아래 그림처럼 commit 해놓고 하고 push 하려는 상황 git add . git commit -m " 커밋메세지 " 오류발생 1 근데? 띠용??? 갑자기 push가 되지 않는다 ➜ fe-w5-searchUI git:(setp1) git push origin step1 error: src refspec step1 does not match any error: failed to push some refs to 'https://github.com/ink-0/fe-w5-searchUI' 이때 멈췄어야 했다. 해당 에러를 검색한 결과 에러 원인은 다양했다 - gi.. 2021. 3. 11.
JavaScript 프로토타입(prototype) 이해 Object (객체) 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인 것 var memberObject = { tami: 'name', developer: 'java', age:'25', } this 메서드가 자신이 속해있는 객체를 가리키는 키워드 객체가 내부적으로 가지고 있는 값을 참조할 수 있음 var kim = { name: 'kim', first:10, second:20, sum: function(){ return this.first+this.second; } } console.log(kim.sum()); //30 위의 예시의 객체는 수작업으로 만든 객체 객체를 찍어내는 동작을 따로 구현 하여 재사용 가능하게 해야함 Prototype javascript 는 prototype based langu.. 2021. 3. 10.
[JavaScript ] Object에 대해 알아보자 object key 와 value 의 집합 object 정의하는 2가지 방법 const obj1 = {}; // object literal const obj2= new Object(); // object constructor 1) literal 2)constructor javascript 다이나믹 타입 언어: 동적으로 Runtime 일때 결정되는 언어 뒤늦게 property 추가/삭제 가능 function print(person){ console.log(person.name); console.log(person.age); } const tami = { name: 'tami', ate: 25} tami.hasJob = false; //뒤늦게 추가 delete tami.hasJob; //뒤늦게 삭제 comp.. 2021. 3. 10.
반응형

티스토리툴바