Dahoon06 Store

먼저 Vue를 설치 해줘야한다. npm i vue 다음 cli를 사용하기 위한 준비 vue의 환경설정을 자동으로 해준다. npm i @vue/cli-init 프로젝트 생성 vue init webpack 프로젝트이름 해당 명령어를 통하여 프로젝트를 생성할 수 있다. Vue에서 Bootstrap 사용 npm install vue bootstrap bootstrap-vue app.js 또는 main.js에 임포트 추가 import Vue from 'vue' import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' // Import Bootstrap an BootstrapVue CSS files (order is important) import 'bootstrap/..

Vue.JS 공부 시작은 인프런의 제로초님의 "웹 게임을 만들며 배우는 Vue" 를 보며 시작하였다. 학습을 하면서 부가적인 내용이 많아졌기 때문에 따로 정리 해볼려고 한다. 첫 단계로 구구단을 만들어 보는 걸로 시작한다. 일단 전체적인 HTML 코드는 이렇게 된다. {{firstNum}} X {{secondNum}} = ??? 입력 {{result}} 스크립트 내부에 app이라는 변수에 Vue 인스턴스를 생성하였다. 여기서 중요한건 el, data, methods 이다. el 값에 '#root' 를 통하여 해당 아이디 값을 Vue에서 관리한다고 선언하였다. // 이 내부 코드는 이제 Vue에서 관리하게 된다. 설명에의하면 Vue 에서 가장 중요한것은 화면단이 아닌 data의 움직임이라고 한다. data..

jQuery를 통하여 Ajax를 구현하는 방식을 사용했었다. 이번 Nodejs를 공부하면서 jQuery를 사용하지 않고 순수 자바스크립트로만으로 Ajax 기능을 구현해보았다. 예제 //조회 document.querySelector('#searchBtn').addEventListener('click',function(){ var data = document.forms[0].elements[0].value; sendData('http://localhost:3333/search',data); }); function sendData(url,data){ var result = { 'search': data } result = JSON.stringify(result); var xhr = new XMLHttpRequ..

홈브루를 처음 설치하고 나면 PATH 설정이 안되어있다고 한다. 터미널을 통하여 경로를 설정해주면 된다. echo "export PATH=/opt/homebrew/bin:$PATH" >> ~/.zshrc

오타가 난 상태로 저장을 하게 되면 해당 명령어가 먹히지 않는다... 그럴땐 터미널에 입력 brew eval $(/opt/homebrew/bin/brew shellenv) vi export PATH=%PATH:/bin:/usr/local/bin:/usr/bin 그리고 잘못 수정한 ~/.zshrc와 같은 파일에서 환경변수 설정을 올바르게 고쳐준 후, source ~/.zshrc 해주면 원상복귀된다. mongodb설정 건드리다가 뭐 잘못 건드린거 같은데 해결되서 다행..

NPM(Node Package Manager) 자바스크립트 패키지 매니저이고 NodeJS에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할을 하며 설치/관리를 수행할 수 있는 CLI를 제공한다. 패키지 설치 npm i 명령어로 손쉽게 패키지가 설치된다. 설치에는 local install과 global install이 있다. 기본값은 local install이고 local package는 해당 프로젝트 내에서만 사용할 수 있다. npm i -g 명령어로 global install을 할 수 있다. global package는 모든 프로젝트에서 공통으로 사용할 수 있다. global packge install path는 다음과 같다. 의존성 관리 패키지들의 버전이 빈번하게 업데이트되므로 프로젝트가 ..

Tutorial - 웹서버 연결 const http = require('http'); const hostname = '127.0.0.1'; const port = 3333; http.createServer((req, res) => { res.writeHead(200,{'Content-Type': 'text/plain'}); res.end('Hello World With egoing'); }).listen(port,hostname,() => { console.log('서버 실행 되었습니다 사용중인 포트 번호 : ' + port); }); const http = require('http'); : 노드 모듈을 가져온다 ( http 모듈 사용 ) const hostname = '127.0.0.1'; : 사용할 ..

LinkedList란 연결 리스트는 자료들을 반드시 연속적으로 배열시키지는 않고 임의의 기억공간에 기억시키되, 자료 항목의 순서에 따라 노드의 포인터 부분을 이용하여 서로 연결시킨 자료 구조이다. 데이터들을 갖고 있는 하나의 요소가 노드이다. 노드 속에 다음 노드를 가리키고 있다. 특히, 제일 앞에 있는 노드는 헤드(head), 제일 끝 노드는 테일(tail)이라고 부른다. head와 tail은 데이터 필드는 있지만 쓰지 않을 것이다. 단지 구현의 용이함을 위해서 사용하였는데, 만약 head와 tail의 데이터 필드를 쓰게 되면 추가, 삭제시 3가지를 고려해야한다. 1) 추가, 삭제할 노드가 맨 앞 노드인가 2) 추가, 삭제할 노드가 맨 뒤 노드인가 3) 추가, 삭제할 노드가 중간 노드인가 하지만 hea..

CPU(Central Processing Unit) : 중앙처리장치 CPU는 한마디로 표현하자면 '컴퓨터의 두뇌'와 같은 역할을 담당한다. '중앙처리장치' 라는 말 그대로 중앙에서 사용자들이 입력한 명령어를 해석하고 연산한 후 그 결과를 제어하는 역할을 담당 -> 중앙에서 모든 데이터를 처리하는 장치라는 의미 CPU를 한 줄로 표현해본다면 “연산을 위해 만들어진 수많은 트랜지스터의 집합체" CPU는 내부적으로 크게 3가지로 나눌 수 있다. 연산을 수행하는 산술논리장치(ALU) 제어 명령을 전달하는 컨트롤 장치(CU) 결과 값을 일시적으로 기억하는 레지스터(Register) 중앙처리장치의 대표적인 구성장치 제어장치(Control Unit) : 컴퓨터에 있는 모든 장치들의 동작을 지시하고 제어하는 장치이다...

오름차순(ascending) public class Ascending { public static void main(String[] args) { int[] arr = {42, 456, 7898, 156, 123, 77, 9, 498, 2142, 2, 3, 241, 65756, 553, 767}; for(int i=0; i