외우지말고 이해하라.

외우는 것 보단 이해해서 내것으로 만들어 활용하기

반응형

분류 전체보기 147

IT 개발 상식 06 - SPA (Single Page Application) 란?

Single Page Application 기존 MVC 아쉬움 1. 작은 변화에도 페이지를 '깜빡'이면서 새로고침하고 다시 웹사이트를 불러온다. (하나때매 작업을 다시함,비효율) ㄴ ajax 가 나와서 이 문제가 어느정도는 해결됌, http 통신으로 데이터 전송후 그 부분만 변경(JS로 일일히) 2. 모바일 시대가 열리고 PC용, 모바일, 안드로이드, ios 개발을 해야함. -> 서버에서 데이터만 보내줘도 브라우저에서 랜더링이 가능하면 서버는 어디서 정보를 요청하든 동일한 작업을 수행해서 데이터를 전송하면 된다. 웹에서 이렇게 동작하도록 만들기 위해 JS 를 이용한 프레임워크가 탄생한다. ㄴ 주어진 데이터에 따라 서버가 하던 일을 브라우저에서 해낼 수 있도록 함 ㄴ 한번 로드된 화면에서 여러가지 일을 처..

IT Study/IT 상식 2021.10.04

Vue.js 란?

Vue.js 란 ? 프론트 프레임 워크이다. UI 단에서 데이터를 관리하고 이를 처리하기 위한 프레임워크, 화면을 꾸며주는 프레임워크는 아니다. 프론트엔드의 종류 Angular - Typescript 사용, 구글 등 React - 탄탄한 아키텍쳐, ES6 필수, 페이스북 등 Vue - page 수준의 라이브러리 참조 (script 태그) 가 가능, 가벼움 - React 와 Angular 의 장점을 차용해서 만듬 장점 : 가볍고 유연함 , 동작 속도가 빠름(React 다음으로), 초기 러닝커브가 완만함, JQuery 보다 구현 방식이 쉽고 간단함, 구조를 정확히 지키지 않아도 동작 특징 : SPA : single page Application , MVVM 패턴 : Model - view - viewMode..

Node.js 란?

Node.js 란? Ryan Dahl 이라는 사람이 만듬. 기존 프레임워크의 단점을 지적하면서 이것을 해결하기 위해 node.js 를 만들었음. 웹 브라우저 뿐만아니라 다른 곳에서도 javascript 를 실행하는 환경을 만들어준다. 예를 들어 서버에서 자바스크립트를 사용할 수 있음 GUI , AI 등등 다양하게 사용할 수 있음 Node.js를 배우면 뭐가 좋을까? JS 만 알아도 모든 웹사이트 제작 가능 프론트, 백 모두 사용 가능 Paypal, Netflix 에서도 node.js 를 이용해 개발함.

JavaScript 중급 01 - 변수(var / let,const 와 스코프 TDZ 이해)

var / let,const 와 스코프 TDZ 이해 용어 정리 scope : 선언한 변수가 유효한 영역 function scope : 선언된 변수는 선언된 함수안에 접근 가능 - 함수 block scope : 모든 코드 블록에서 선언된 변수는 코드 블록 내부에서만 유효함 - if, while, for, try 문 등 호이스팅(Hoisting)이란 ? 스코프 내부 어디서든 변수 선언은 최상위 선언된 것 처럼 행동 var 은 한번 선언된 변수를 다시 선언 가능 - 선언은 호이스팅 되고 할당은 호이스팅 되지않음 에러 발생 x let, const 는 선언된 변수를 다시 선언 불가능 - 주로 이 둘을 사용해야 에러 방지 - 호이스팅은 되지만 에러 발생 o Temperal Dead Zone (TDZ) : 이 영역이..

JavaScript 기초 ++ ( isNaN, === 비교, length, concat, do while)

01 . isNaN(값) => 해당 값이 숫자인지 아닌지 판별 while(check){ const age = parseInt(prompt("How old are you ? ")); if(isNaN(age)){ alert("숫자를 입력하세요 !"); }else{ if(age = 12){ alert("당신의 나이는 12 살 이상") } check = false; } } 02 . == 비교 , === 비교 : == 는 값만 비교하고 ===는 유형도 비교한다. // 0 == false 에서 false 의 default 는 0 이므로 0 == 0 으로 인식해 true 가 나온다. console.log(0 == false); // ..

JavaScript 기초 - 10 가지 요약 (변수,자료형, alert, prompt, confirm, 형변환, 기본 연산자, 함수, 표현식, 객체, 매서드, 배열)

1. 변수 예약어는 사용할 수 없음 문자와 숫자, $와 _만 사용가능 첫글자는 숫자가 될 수 없다 가급적 상수는 대문자로 표현 문자열은 " " 로 감싸주고 정수형은 숫자를 적어주면 됌. let , const : var과 차이점 = 한번 선언한 변수를 또 선언할 경우 에러가 발생 let 은 변수 선언후 값을 바뀔 수 있음 const 는 값을 바꿀 수 없음 2. 자료형 문자형 const name01 = "KIM"; const name02 = 'HONG'; const talk ='I\'m a good' const message = "My name is ${name}"; 숫자형 const age = 20; const PI = 3.14; const a = 1/0 => (Infinity) 무한대 const b = ..

JavaScript 이해하기 (JS, ES6,7,8 TypeScript)

자바스크립트란? 자바스크립트(Javascript)는 1995년 넷스케이프(Netscape) 웹 브라우져에서 웹페이지에 동적인 요소를 구현하기 위해서 발명 되었다. - 이후 많은 브라우저들에서 자바스크립트를 탑재하기 시작하였고 웹 어플리케이션 구현을 가능하게 만들었다. - 웹 어플리케이션에서 더 이상 사용자가 페이지 새로고침, 페이지를 새로 불러오지 않고도 웹과의 연결이 가능하게 되었다 ECMAscript 란 ? 자바스크립트가 다른 브라우저에서 지원 받기 시작하면서 모든 곳에서 공통으로 잘 동작하기 위해 표준 규격이 필요했다. 이 때문에 ECMA 국제 기구에서 ECMAScript 라는 스트립트 표준을 만들게 되었다. ECMAScript는 줄여서 ES 라고 부른다. ES6, ES7, ES8 .. 다양하게 있다.

JavaScript - 필수 개념 정리

- 회사에서 클라이언트 개발에 필요한 Javascript, node.js, vue.js 를 주로 사용함 - JS 필수 개념은 무조건 알고 넘어가야함. 01 . 기본적인 문법들 (조건문, for문 등) 02. 함수 , 객체 03. 비동기 개념 - 콜백, 프로미스, async / awiat -> 이벤트 드리븐 프로그래밍 ㄴ 호출 스택, 이벤트 루프, 실행 컨텍스트 (ES8 .. ES6, ES5) - this 04. 프로토타입 (자바의 class 같은 것 ) DOM 쓰다보면 알게 됌. class 공부 x 디자인 패턴도 코딩하다보면 (정리하다보면) 알아서 디자인패턴모양이 됌 map, filter, reduce -> 암기 필수 이차원 배열 * 출처 : ZeroCho TV

IT 개발 상식 05 - http & https + ajax

HTTP ? HTTP는 하이퍼 텍스트 전송 프로토콜의(Hypertext Transfer Protocol)의 약자입니다. 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜 HTTPS? HTTPS는 하이퍼 텍스트 전송 프로토콜 보안(Hypertext Transfer Protocol Secure)의 약자입니다. 일반 HTTP 프로토콜의 문제점은 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않는다는 것이었는데요. 이 말은 즉, 데이터가 쉽게 도난당할 수 있다는 것이었습니다. SSL(보안 소켓 계층)을 사용함으로써 이 문제를 해결했습니다. SSL은 서버와 브라우저 사이에 안전하게 암호화된 연결을 만들 수 있게 도와주고, 서버 브라우저가 민감한 정보를 주고받을 때 이것이 도난당하는 것..

IT Study/IT 상식 2021.09.15
반응형