전체 글
![[JS][백준]10171_고양이](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbav9pj%2FbtrgckINJkp%2F4KcVv1FeoAKA1ZIKnXdIK1%2Fimg.png)
[JS][백준]10171_고양이
문제 번호 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 알고리즘 분류 구현 문제 풀이 백슬래시 '\'를 출력할때는 백슬래시를 2번 사용해야한다. console.log("\\ /\\"); console.log(" ) ( ')"); console.log("( / )"); console.log(" \\(__)|"); 특이사항
![[JS][백준]10718_We love kriii](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzmvUG%2FbtrgcBwZCBO%2FoEcfUEK8ktWN0mSPhkEBA1%2Fimg.png)
[JS][백준]10718_We love kriii
문제 번호 10718번: We love kriii ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박 www.acmicpc.net 알고리즘 분류 구현 문제 풀이 console.log("강한친구 대한육군"); console.log("강한친구 대한육군"); 특이사항
![[JS][백준]2557_Hello World](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIdNNC%2Fbtrf7AMRth0%2FS9tpkmK6AigmzT2S58OkV0%2Fimg.png)
[JS][백준]2557_Hello World
문제 번호 2557번: Hello World Hello World!를 출력하시오. www.acmicpc.net 알고리즘 분류 입출력, 구현 문제 풀이 console.log("Hello World!"); 특이사항 FE에서 코테를 볼때 JS로 한정하는 경우가 종종 있어서 JS를 연습하기로 했다.
3. JS시작을 위한 준비
모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 브라우저뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저와 Node.js 환경에서 실행할 수 있다. 기본적으로 브라우저에서 동작하는 코드는 Node.js 환경에서도 동작한다. 그런데 브라우저와 Node.js는 존재 목적이 다르다. 브라우저는 HTML, CSS, 자바스크립트를 실행하여 웹 페이지를 화면에 렌더링하는 것이 주된 목적이지만, Node.js는 서버 개발 환경을 제공하는 것이 주된 목적이다. 따라서 브라우저와 Node.js 모두 자바스크립트의 코어인 ECMAscript를 실행할 수 있지만 브라우저와 Node.js 에서 ECMAscript 이외에 추가적으로 제공하는..
2. 자바스크립트?
ES1 1997 초판 ES2 1998 ISO/IEC 16262 국제 표준과 동일한 규격을 적용 ES3 1999 정규 표현식, try…catch 예외 처리 ES5 2009 HTML5와 함께 출현한 표준안. JSON, strict mode, 접근자 프로퍼티(getter, setter), 향상된 배열 조작 기능(forEach, map, filter, reduce, some, every) ES6 (ECMAScript 2015) 2015 let, const, class, 화살표 함수, 템플릿 리터럴, 디스트럭처링 할당, spread 문법, rest 파라미터, Symbol, Promise, Map/Set, iterator/generator, module import/export ES7 (ECMAScript 2016..
1. 시작
프로그래밍 언어 직접 기계어로 명령을 전달하는 것을 대신할 가장 유용한 대안은 인간이 이해할 수 있는 약속된 구문(syntax, 문법)으로 구성된 "프로그래미 언어(Programming Language)"를 사용하여 프로그램을 작성한 후, 그것을 컴퓨터가 이해할 수 있는 기계어로 변환하여 주는 일종의 번역기를 이용하는 것이다. 이 일종의 번역기를 컴파일러(compiler) 혹은 인터프리터(interpreter)라고 한다. console.log('hello world'); hello world를 출력하는 JS 코드 프로그래밍 언어는 syntax(구문)와 semantics(의미)의 조합으로 표현된다. 자바스크립트의 변수에는 어떠한 타입의 값이라도 할당할 수 있다. 그러나 의미적으로 옳은 할당을 하도록 하자...
폰트와 텍스트
폰트 및 텍스트 관련 프로퍼티는 폰트의 크기, 폰트의 지정, 폰트의 스타일, 텍스트 정렬 등을 정의한다. 1. font-size 프로퍼티 텍스트의 크기를 정의한다. https://developer.mozilla.org/en-US/docs/Web/CSS/font-size font-size - CSS: Cascading Style Sheets | MDN The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth. developer.mozilla.org default font siz..
백그라운드
Background 관련 프로퍼티는 해당 요소의 배경으로 이미지 또는 색상을 정의한다. CSS Backgrounds and Borders - CSS: Cascading Style Sheets | MDN Styles in the CSS Backgrounds and Borders module allow filling backgrounds with color or an image (clipped or resized), or modifying them in other ways. These styles can also decorate borders with lines or images, and make them square or rounded. (Addition developer.mozilla.org 1. bac..