FE BE 개발 메모장
VSCode 업데이트 편하게 하자
매번 새 버전이 올라올 때마다 VSCode에서 업데이트 하라고 괴롭혀준다. 그래서 업데이트하기를 누르게 되면 해당 웹페이지에 접속해서 .deb나 .rpm으로 받으라하는데.. 굳이 .deb를 받아서 다시 설치할 필요성을 못느끼겠다. 일단 우분투에서는 .deb(debian 리눅스 확장) 받아 설치하게되면 자동적으로 서명키와 apt 레포지토리가 설치되기 때문에 간단한 명령어를 입력하면 된다. 다양한 곳(블로그 or StackOverflow)에선 apt-get 으로 설치하기도 하는데 솔직히 둘중 아무거나 써도 상관없다) sudo apt update sudo apt upgrade 혹은 sudo apt install --only-upgrade code 를 설치해주면된다.. 만약 apt 레포지토리와 서명 키를 수동으..
![[Ubuntu 20.04-LTS] VSCODE 설치방법.](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvVsbB%2FbtqTfDsdnz6%2FwnGIVgoPjWN4HwhwDBLT5k%2Fimg.png)
[Ubuntu 20.04-LTS] VSCODE 설치방법.
스냅(SNAP) 패키지로 설치 리눅스 터미널(단축기 - Ctrl + Alt + T)을 실행해 sudo snap install --classic code 코드를 복사 붙여넣기 해서 엔터 하지만 snap으로 설치 하면 한글입력이 제대로 안되는 단점이 있다. APT 패키지로 설치 1. 패키지 업데이트, 종속성 설치 sudo apt update sudo apt install software-properties-common apt-transport-https wget 2. MS GPG공개 키와 레포지토리 구성을 설치 curl -sSL https://packages.microsoft.com/keys/microsoft.asc | sudo apt-key add - sudo apt-add-repository https:..
자바스크립트 배열(Array)
Array 자바스크립트에서 배열은 '순서'가 있으며, 여러 객체중 특별한 형태로 취급된다. 이 배열은 수많은 데이터를 저장하고 처리하기 위함이기도 하고, 중복된 변수의 선언을 줄이기 위한 용도와 반복문을 이용해 요소들을 쉽게 처리하기 위해 사용된다. 배열은 담겨있는 각각의 값을 요소(Element)라고 하고, 그 요소의 위치를 인덱스라고 불리는 표지판이 붙어있다 arr = ['a', 'b', 'c', 'd', 'e'] index = 0 1 2 3 4 arr[0] // 0번째 요소는 'a' arr[1] // 1번째 요소는 'b' 배열생성 방법 배열 리터럴 let arr = []; let arr = ['a','b','c','d']; Array() 생성자 함수 let arr = new Array(); let ..
Array.prototype. filter, map, reduce
Array.prototype.filter() filter() 메소드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다. array.filter(callback(element, idx, array), thisargs...){ statement }); . element (처리할 현재 요소) . index (처리할 현재 요소의 인덱스) . array (filter()을 호출한 배열) . thisArg (callback을 실행할 때 this로 사용되는 값) 예시)) 짝수를 필터링 const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] //[original] const filteredIsEven = arr.filter(function (el){ if(typeof(e..
함수와 고차함수
함수는 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 자바스크립트에서의 함수는 하나의 데이터 타입(data type)으로, 변수를 대입한다거나, 함수에 프로퍼티를 지정하는 것도 가능하다. 또한 여러번 중첩하여 고차함수로 활용할 수 있다. 함수의 정의 1. 함수이름 함수이름은 함수 내부 코드에서 자신을 재귀적으로 호출하거나, 해당 함수를 구분하는 식별자로 사용한다. 2. 괄호 안에 쉼표( , )로 구분되는 함수의 매개변수(parameter) 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 우해 사용하는 변수 3. 중괄호 { } 안에서 함수를 정의하는 자바스크립트 구문 -실행문 -반환문 return[option] : 반환문을 통해 함수의 실행된 결과를 전달받는다. 배열이나 객..
form과 link 태그
FORM 입력 양식 전체를 감싸는 태그 form 태그의 속성들 name: form의 이름, 서버로 보내질 떄 이름의 값으로 데이터 전송 action: form이 전송되는 서버 url 또는 html 링크 method: 전송 방법 설정. -get: URL 끝에 데이터를 첨부해서 전송하는 방식 항상 노출이됨. URL 최대 256자까지(초과시 데이터 잘림) URL 인코딩방식 base64 영문자와 숫자정도만 전송 -post: 패킷의 본문 안에 데이터를 넣어서 전송하는 방식 제한 크기 무제한 데이터 노출 없음 한글 상관 없이 전송 autocomplete: 자동완성. (on으로 하면 form 전체 자동완성 허용) accept-charset: 폼 전송에 사용할 문자 인코딩을 지정 Form의 다양한 요소(element)..