개발 공부하는 빙빙

자바스크립트에서는 setTimeout() 이라는 대표적인 내장 비동기 함수가 있다. Callback과 Promise는 비동기 처리 패턴을 의미한다. 차이점은 Callback은 결과값을 사용하고 싶으면 콜백 함수 안에서만 처리를 해야한다. 중첩되어 사용하면 콜벡지옥이 발생되어 에러 처리가 힘들다. Promise는 프로미스 객체에 비동기 결과 값이 저장되어있어 .then으로 불러오면 되어 로직짜기 편하다. Promise를 사용하면 resolve와 reject라는 파라미터가 있다. resolve는 비동기처리 성공했을 때, reject는 비동기 실패,에러가 발생했을 때 첫 번째 인자로 어떠한 값을 넘길 수 있다. resolve는 .then의 첫 번째 인자로, reject는 .catch의 첫 번째 인자로 들어간다..

Html5부터 생겨난 클라이언트 안의 저장소 = 웹 스토리지 웹스토리지 안에 세션 스토리지 , 로컬 스토리지가 있다. 웹 스토리지는 서버에 저장하지 않고 브라우저에 저장함 세션 스토리지와 로컬 스토리지의 차이점 : 영구성 로컬 스토리지 - 브라우저를 닫아도 데이터가 영구적으로 남아있음, 예시로 자동 로그인 세션 스토리지 - 브라우저를 닫으면 데이터가 사라짐, 예시로 비회원 장바구니 쿠키 - 클라이언트에서 만료 기간이 있는 데이터 저장소, 암호화가 되지 않아서 보안에 취약함 ,오늘 하루 안보이게 하는 팝업창 기능

Garbage : 유효하지 않은 메모리, 공간을 할당해놓고 사용하지 않고 있는 메모리 C언어는 메모리를 차지하는 가비지를 free()라는 함수로 직접 개발자가 메모리 해제 처리를 해줘야한다. 하지만 java는 JVM이라는 가비지 컬렉터가 메모리 누수를 방지하기 위해 불필요한 메모리를 정리해준다. * JVM (Java Virtual Machine) : 자바를 실행 시킬 수 있게 하는 가상 머신 OS에 종속되지 않고 CPU를 돌릴 수 있게 하는 가상 컴퓨터 .java 파일은 OS가 이해하지 못하므로 JDK에 있는 컴파일러로 .class으로 변환시켜 JVM이 이해할 수 있게 변환시켜줘야한다. 그 다음 JVM이 기계어로 변환하여 OS로 간다. 즉, java 파일이 있으면 JVM때문에 OS에 종속되지 않고 파일을..

https://opentutorials.org/course/3347/21185 Node.js MySQL 모듈의 기본 사용방법 - 생활코딩 수업소개 Node.js의 MySQL 모듈의 기본적인 사용방법을 알아봅니다. Node.js MySQL 모듈 바로가기 npm install -S mysql 강의 소스코드 nodejs/mysql.js var mysql = require('mysql'); // 비밀번호는 별도의 파일로 분리 opentutorials.org 생활코딩님 강의를 참고 하였다. npm install -save mysql 하고 connection을 하기 위해 mysql에 올라간 데이터베이스 정보(host,user,password,database)를 넣어주면 된다. var mysql = require('..

프로젝트를 하다가 커밋을 잘못된 브렌치에 push했을 때!! 커밋 취소하고싶을 때 고치는 방법!! 유용하다! 원하는 커밋의 시점으로 되돌리기 1. git reset 커밋아이디 되돌려진 상태에서 다시 commit (생략해도됨) 2. git commit -m "커밋 내용" 원격 저장소에 강제로 push 3. git push -f -f는 force로 강제다!! 꼭 신중히 하기 내용이 없어져도 되는지 확인!

https://vuejsexamples.com/a-powerful-and-flexible-slider-and-carousel-for-vue-js/ A powerful and flexible slider and carousel for vue.js Vue Splide is the Splide component for Vue. vuejsexamples.com 이 사이트에서 option여러개 넣고 빼고 하면서 내가 원하는 슬라이드를 만들 수 있다! 사진 세개가 자동으로 슬라이드 되는거 만들었따! 결과화면 캡쳐본

https://v3.ko.vuejs.org/guide/migration/introduction.html 1.views 디렉토리는 src/ 하위 였는데 router/하위로 바뀜 layout/디렉토리가 별도로 존재한다 2.Teleport : DOM에서 HTML조각을 렌더링할 부모 엘리먼트를 제어할 수 있는 깔끔한 방법 제공. 모달버튼을 태그로 텔레포트해라 라는 식으로 렌더링 가능 3.태그 안에는 로 감싸야만 했는데 안해도된다. 하지만, 개발자가 속성을 상속해야하는 위치를 명시적으로 정의해야함 시작하기 | Vue.js 시작하기 INFO Vue.js의 새로운 기능에 대한 정보가 필요하신가요? 그렇다면 필수가이드를 확인하세요. 이번 가이드는 Vue 2 경험이 있으면서, Vue 3 변경사항 및 새로운 기능을 배우고..

객체지향 특징 1.캡슐화 데이터와 속성을 하나의 함수로 묶는 것. 캡슐화되어 정보가 은닉(은폐)되어 코드 수정시 오류의 파급효과가 적다. 캡슐화하면 객체의 재사용이 가능하다. - private,public과 같은 접근제어자로 접근할 수 있는 범위가 정해져서 정보의 은닉이 됨 2. 추상화 불필요한 부분을 생략하고 객체 속의 속성 중 가장 중요한 것만 개략화 하는 것(모델화 하는것) - 공통된 것들을 묶는 것 3. 상속성 부모 클래스와 자식클래스가 있어서 부모 속성을 자식에게 확장시키는 것 중복되는 코드의 재사용을 위함 4. 다형성 오버라이딩 오버로딩과 같이 하나의 메소드를 여러 방식으로 재정의하여 사용이 가능하다. - 오버로딩: 메소드 명만 같고 파라미터, 타입은 다른 메소드를 중복 선언하는 것 - 오버라..

화면이 전환될 때 구성요소가 전체가 변하는 것이 아닌, 변화되는 곳만 원래거에서 변화하는 것이다. 미리 페이지를 받아놔서 초반에는 좀 느리지만 라우팅으로 화면을 갱신하는 방식 최초 로딩시 html,js부분이 먼저 로딩이 되어야한다. 장점은 사용자가 빠르게 페이지 전환이 되어 사용자 경험에 좋다. 애니메이션 효과를 넣기 좋다. 단점은 받아올 js크기가 커지면 로딩 시간이 길어진다.

Vue 라우터가 필요한 이유 뷰는 한 페이지에 내용만 바꾸면서 보여주는 방식이기 때문에 뷰 라우터가 안에 있는 내용을 바꾸어 보여주는 원리로 구현된다. props 부모에서 자식 데이터를 내려줄 때 사용. 상위 컴포넌트에서 하위 컴포넌트로 데이터를 넘겨준다. emit 하위 컴포넌트 -> 상위 컴프넌트로 데이터 전달 SPA 버튼을 클릭하거나 스크롤을 이동시키면 최소한의 변화만 일어나는 것입니다. 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통한다. 사용자의 경험의 간섭을 막아준다. 변화하는 것만 동적으로 불러들여서 추가한다. SFC(single file conponent) vue의 컴포넌트 기반 개발의 핵심 특징 하나의 컴포넌트는 하나의 .vue파일 하나 안에 ..