본문 바로가기

프로그래밍

(7)
Javascript ES6 Array APIs 정리 // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; fruits.join();// result : apple,banana,orange fruits.join('|');// result : apple|banana|orange } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; fruits.split(','); // result : [🍎, 🥝, 🍌, 🍒] } // Q3. make this array look like this: [5, 4, 3, 2, 1] { const array = [1, 2, 3, 4, 5]; array.reverse(..
JavaScript 유용한 문법 ✏️ Array.prototype.reduce() : 배열의 모든 원소에 대해 특정 연산을 순차적으로 적용 let data = [6, 2, 3, 9, 1]; let minVal = data.reduce((a, b) => Math.min(a, b)); let sum = data.reduce((a, b) => a + b); /* reduce((accumulator로, currentValue로) => 반환값) a는 accumulator로 콜백의 반환값을 저장한다. b는 currentValue로 배열의 현재 요소이다. reduce 작동 방식(min value 기준) a b result 6 2 2 2 3 2 2 9 2 2 1 2 */ ✏️ 출력 // 1. 단순 출력 console.log('Hello Jieun W..
AWS ✏️ public cloud : 누구나 가입하여 사용할 수 있다 ✏️ private cloud : 사내용 클라우드 ✏️ AWS 사용 방법 웹콘솔 CLI SDK
Javascript 프로그램 : 일의 절차 컴퓨터프로그램 : 컴퓨터가 해야할 일의 절차를 작성한 것 (컴퓨터 프로그램 언어로.) 컴퓨터 프로그램 언어 : C, C++, Java, Javascript, python, R... 컴퓨터가 이해하는 언어 : 기계어 (0과 1의 조합) 번역(컴파일) : 한번에 바꿈 (ex) exam.c -> exam.exe 통역(인터프리터) : 실시간으로 한문장씩 바꿈 (ex) Javascript 웹브라우저, python 아나콘다 ✏️ Javascript를 서버에서 실행시키고 싶을 때 Node.js(서버용 js 인터프리터)를 설치하여 사용한다. .java(소스코드) -> javac(컴파일러)가 .class(바이트코드)로 -> JVM(인터프리터)을 통해 기계어로 통역된다. 변수 : a 함수 : a()..
html ✏️ : html5라고 알려주는 용도 HTML 대소문자 구분 안하지만, 속성의 값은 구분한다. 시작태그 : 종료태그 : 앨리먼트 : 시작태그부터 종료태그까지 문자코드 유니코드 : 충돌방지를 위해 전세계 언어에 대한 코드값을 가지고 있다. 한글자당 모두 2바이트다. UTF-8 : 유니코드의 가변길이 버전이다. 한글은 3바이트다. 아스키코드 : 1바이트(영문) ✏️ P태그 : 문단. 자동으로 줄바꿈이 된다. ✏️ 시맨틱태그 : 누가 봐도 의미를 알 수 있는 태그. 의미를 전달하기 위한 용도로 사용한다. css를 위한 태그는 div가 좋다. 시맨틱 태그, 왜 사용할까? • 화면 낭독기 같은 보조 기기에서 사이트의 구조를 이해할 수 있다 • 문서 구조가 정확히 나눠지므로 PC나 모바일 등 다양한 화면에서 웹 문..
css ✏️ 선택자 종류 /* id 선택자 */ #aaa { color: red; } /* class 선택자 */ .b { border: 1px solid #000; /* 테두리 */ padding: 50px; /* 테두리와 내용 사이 */ } /* type(태그) 선택자 */ p { background-color: #ddd; } /* 그룹 선택자 */ h1, p { text-align: center; } /* 모든 앨리먼트 적용 */ * { witdh: 500px; /* 너비 */ margin: 10px auto; /* 바깥 여백 */ } 선택자 { 속성 : 값 ; } ✏️ 스타일 우선순위 !important -> 인라인 스타일 -> id 스타일 -> 클래스 스타일 -> 타입 스타일 같은 타입태그 스타일이 여..
IT 용어 정리 ✏️ 인터넷? 웹? 인터넷 : INTER+NET 네트워크끼리 연결된것 웹 : 인터넷 안에서 HTTP 프로토콜로 데이터를 주고받는것 + HTML 문서를 주고받는 특징이 있다. ✏️ Client? Server? 클라이언트 : 요청을 보내는 입장 서버 : 요청을 처리하는 입장 노트북은 클라이언트/서버 둘다 될 수 있지만 일반적으로 많은 클라이언트를 처리하기에는 서버로서 사양이 무리가 있다. 웹 클라이언트 : Http 프로토콜 기반으로 요청을 보내는 쪽 웹 서버 : Http 프로토콜 기반으로 요청을 처리하는 쪽 예시 : 웹 : 요청->응답->연결끊김 / 요청할때마다 화면이 계속 리프래시 된다. 필요한 모든 정보를 다 보내야 하는 특징이 있다. 카카오톡 : 서버와 계속 연결되어있다, 새로운 내용만 보낸다. ✏️ ..