본문 바로가기

전체 보기

 (223)
네트워크 시작 네트워크란? (net / work) -> 그물 / 작업 => 그물로 엮다. 컴퓨터'들' 사이의 관계(그물) 네트워크를 구성하는 요소 1. 컴퓨터 2. 네트워크 장비(라우터, 스위치), 3. 전송매체(케이블, 전파) >애플리케이션의 데이터 송수신을 위해, 애플리케이션끼리 연결되어야 한다. >애플리케이션의 데이터를 올바르게 송수신하기 위해 기기가 필요하다 -> 라우터란 (전송기, 연결기, 라우팅을 하는 장비) -> 네트워크를 구분하고 연결해 주는 장비 기술적인 의미의 네트워크 -> 라우터에 의해 구분 지어지는 범위 -> 스위치란 (네트워크의 입구, 컴퓨터에 스위치 연결 -> 네트워크에 연결) >전송매체는 (유 / 무선) 유선 케이블 무선 전파 LAN (Local Area Network) 근거리 통신망 '누가..
v-if v-show 디렉티브 차이 vue 프레임워크에 조건부 렌더링 디렉티브에는 v-if, v-show 두 가지가 있습니다. 차이는 존재는 하나 보이지 않는 것(display:none)과 존재 자체를 지우는 차이(주석 처리)입니다. (개발자 도구 참조) v-show를 사용하게 되면 작성하지 않은 diplay:none속성이 적용되어있습니다. 화면에만 존재하지 않기 위한 목적입니다. v-if를 사용하게 되면, 존재 자체가 사라지게 됩니다. 주석 처리 한 것과 같습니다. '눈에만 보이지 않는 것과', '존재하지 않는 것' 두 가지 차이로 구분하는 것입니다. 어떤 경우에 사용하게 될까요? v-if는 로그인 / 로그아웃 버튼에 사용합니다. 로그인을 하게 되면, 로그인 버튼은 필요하지 않기 때문입니다 v-show는 dialog 창에 사용합니다. 사..
[JS] 프로그래머스 K번째 수 https://school.programmers.co.kr/learn/courses/30/lessons/42748 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 제출코드 function solution(array, commands) { const answer = []; for (let i = 0; i a - b)[commands[i][2]-1]) } return answer; } 반복문..
에러 디버깅 버그 발생 -> (로그 & 재현 시나리오 확보) 1.재현 시나리오가 완성되면 '더' 간단하게 만들어본다. 2.로그를 확인하고 디버깅을 진행한다 고객에게 제공하는 상품에는 로그가 적을 수록 좋다. ->왜? 로그는 파일시스템으로 하드디스크에 물리적으로 작성되고, 느리기 때문 커널패닉(window ->블루스크린) 운영체제의 실행은 커널모드/사용자 모드로 구분되며 사용자 모드에서 필요시에만 시스템 콜에의해 커널모드에 접근하는데 커널 모드 실행중 이상한점이 발생할때, window에선 블루스크린(어썰트)을 띄우는 등 안전장치(모든 운영체제에 있음) 내가 디버깅시 어려웠던점 : 리눅스 로그가 시스템 로그인지 커널로그인지 어플리케이션 레벨인지 구분하는게 어려웠음 JIRA 리포트 양식 1.버그 로그 개발자 : 로그 / ..
vue & 인스턴스 인스턴스 뷰로 개발할 떄 필수로 생성해야 하는 코드 (객체지향 프로그래밍에서 클래스 구조로 할당된 실체) new Vue(); const vm = new Vue(); console.log(vm); 생성자 함수(대문자 암묵적동의) function Person(name,job){ this.name = name; this.job = job; } const p = new Person('heo', 'developer') console.log(p) 뷰를 생성자 함수로 찍어내는 이유 api와 속성들을 미리 넣어둠 인스턴스에서 사용할 수 있는 속성 & API el, template, data,methods,created,watch
[vue-router] Duplicate named routes definition 해결 번역기 결과 : 중복 명명된 경로 정의 라우터 정의에서 네임이 중복됬다는 경고로 추측 name속성을 살펴보니 중복된 내용발견 //src/router/~~~.js { name: "hello wolrd" ... }, ... { name: "hello wolrd" ... } ... name 속성을 변경
프록시 서버란? 프록시란 : 프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 컴퓨터 시스템이나 응용 프로그램을 가리킨다. 서버와 클라이언트 사이에 중계기로써 대리로 통신을 수행하는 것을 가리켜 '프록시', 그 중계 기능을 하는 것을 프록시 서버라고 부른다. [출처 : 위키백과] proxy란 '대리'라는 뜻으로 프록시서는 클라이언트와 서버간의 통신의 '대리'역할을 한다고 이해하고 있습니다. 프록시의 두종류 : 포워드 / 리버스 장점) 1.캐시 서버로 요청을 보내서 응답을 받는 과정에서 프록시 서버를 두게되면, 반복 되는 작업에서 캐싱이 되어 서버에 재요청하지 않아도되서 클라이언트에게 좋은 성능을 제공할 수 있습니다. (웹서버 대신의 역할을 합니다) 2.보안 포워드 프록시..
[window] 내 컴퓨터에 웹서버 설치 & 도메인 설정 & https 적용 환경 운영체제 : window 10 RAM : 8.00 GB 프로세서 : Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz 1.80 GHz 웹서버 : nginx 도메인 : https://내도메인.한국/ 미션 : windows에 웹서버 설치하여 내 컴퓨터를 왭 서버로 운영, 무료 도메인을 받아 도메인에 접속하면 웹서버 켜짐 미션에 앞서, 웹서버란? 서버를 소프트웨어 / 하드웨어 측면으로 구분 하드웨어 웹서버 소프트웨어와 컴포넌트(html, images, css, js파일)등을 저장 / 실행하는 '컴퓨터' 소프트웨어 웹 브라우저 같은 '클라이언트'로 부터 HTTP요청을 받아들여 HTML 같은 웹 페이지를 반환하는 프로그램. 다른 기기들과 데이터를 주고 받기 위한 목적 종류 아파치 Ng..

티스토리툴바