💡 URECA

TS 상속인터페이스는 키워드를 통해 클래스가 따라야 하는 유형을 정의하는데 사용인터페이스: 복합적 구조를 나타내기 위해 사용된다.// 인터페이스 이름: Shape// 인터페이스: 복합적 데이터 단위, 이름만으로 가치가 있다.// 인터페이스를 잘 만들어야 좋다// return 타입이 number이다.interface Shape {// getArea의 파라미터는 없고 return 타입은 number getArea: () => number;}// interface의 상속(구현은) implements이다. // Rectangle클래스가 두개 이상의 인터페이스(Shape, A) 구현방법class Rectangle implements Shape { public constructor(protected readon..

forEach()-> 개별 처리, 각개 전투!index의 개수만큼 호출이 된다.const numbers = [45, 4, 9, 16, 25];let txt = "";numbers.forEach(myFunction);function myFunction(value) { txt += value + "";} 처리한 결과에 대한 return이 없다. map()const numbers1 = [45, 4, 9, 16, 25];const numbers2 = numbers1.map(myFunction);function myFunction(value, index, array) { return value * 2;}forEach의 경우 numbers2가 없는데 map의 경우 const numbers가 있다. 처리한 결과에..

JavaScript Window - The Browser Object Modelbrower object model - 브라우저에 내장되어 있다.기본적인 객체는 window객체이다. window는 최상위 객체이다.  종류widow.screenwindow.location: 이동하는데 쓰인다. window.location.href 현재 페이지의 href(URL)을 반환window.location.hostname웹 호스트의 도메인 이름을 반환window.location.pathname현재 페이지의 경로와 파일 이름을 반환window.location.protocol 사용된 웹 프로토콜(http: 또는 https:)을 반환 윈도우의 기본 포트 HTTP의 경우 80, 보안 웹인 HTTPS의 경우 443window.l..

⭐ var, let 그리고 const 차이점 ⭐범위재선언재할당호이스팅 this 바인딩varxooolet oxoxconst oxxx 뭐가 좋냐? 봄이 좋냐?let과 const는 블록 스코프를 갖는다. (해당 블록안에서만 유효하다.)let과 const는 재선언 불가능하다.let과 const는 선언 전에 사용할 수 없다.let과 const는 this에 바인딩되지 않는다. (객체의 this 키워드와 연결되지 않는다.)let과 const는 호이스팅되지 않는다.바로 선언한 블록은 글로벌 스퍽을 갖는다? 스코프{ // 글로벌 변수로 선언됨됨 var aa = 100;}// 소괄호를 갖으면 전부 function이다. {} var는 무조건 글로벌 스코프갖는다. 글로벌 스코프란?코드 전체에서 접근 가능한 범위를 의미한..

개발자 도구를 통해 브라우저의 사이즈 조정 가능하다. (부트스트랩은 기본적으로 반응형 웹이다.) 부트스트랩 접근 2가지 방법 파일을 로컬에 저장해서 접근하는 방법 파일을 네트워크 경로로 저장하는 방법 부트스트랩을 적용하면 많은 리소스를 가져오게 된다.                  부트스트랩5는 모바일 우선이다. 부트스트랩의 사이즈는 픽셀 단위가 아니라 0~5단위로 구성되어 있다. 부트스트랩에서 각가의 div에 mb-5, mt-5로 설정할때 한개의 마진만 설정이 된다. My First Bootstrap Page Resize this responsive page to see the effect! Column 1 ..

CSS Box ModelContent(내용) - 텍스트와 이미지가 나타나는 상자 내용Padding(패딩) - 콘텐츠 주변에 투명한 영역을 만들어 border과 content사이에 여백을 추가하는 역할border(경계, 테두리) - padding과 content를 둘러싸는 테두리Margin(여백) - border 외부에 투명한 영역을 만들어 요소와 다른 요소 사이의 간격을 조정⭐ CSS로 요소의 너비와 높이 속성을 설정할때는 Content 영역의 width와 height만 설정하면 된다. 요소의 전체 width와 height를 계싼하려면 padding과 border도 포함해야한다. 요소의 총 너비는 350px이고 총 높이는 80px이다.div { width: 320px; height: 50px; pa..

HTTP 메서드란?클라이언트와 서버 간 통신을 관리하는 중요한 방식그러나 잘못 사용시, 보안에 취약할 수 있다. GET 방식은 URL에 데이터를 포함하여 전송하므로 ?이름=값과 같은 형태로 데이터가 노출된다.반면 POST 방식은 데이터를 요청의 본문(Body)에 포함하여 전송하기 때문에 상대적으로 보안성이 더 높다.그렇지만 두개의 방식 모두 적절한 보안 조치를 적용하지 않으면 취약점 발생 💀 PUT 방식은 데이터를 수정할 때 사용하는 HTTP 메서드이다.DELETE 방식은 데이터를 삭제할때 사용하는 HTTP 메서드이다.이들은 RESTful API에서 CRUD(Create, Read, Update, Delete)작업을 표현하는데 사용된다. RESTful이란?HTTP 메서드(GET, POST, PUT, D..

Computer Paradigm의 변천(=IT기술) 과 Web 사용 발전IT기술은 사용자의 편리성보다는 개발자의 편리성으로 인해 발전되었다.  1. program 기법 측면2. 구조적 기법 과거에는 Main Frame 구조로 하나였지만 점차 발전되어 오늘날에는 Client-Server 구조로 전환되었다.  process/ request 단위: threadplatform dependence: 특정 운영체제나 하드웨어 환경에서만 실행 가능하거나 의존성이 존재하는 상태platform independence: 여러 플랫폼에서 동일하게 실행될 수 있는 특성 client tier-business tier-resource tier 3티어 아키텍처client tier- 사용자가 직접 상호작용하는 인터페이스- 주로 브라..