본문 바로가기

Programming230

자바스크립트 JavaScript flatMap() 함수 flatMap() 함수는 map() 함수와 비교해서 이해하는 것이 좋습니다.우선 map() 함수를 살펴보자면, 안의 함수를 실행하여 나온 결과값들을 각각의 Array로 묶어 하나의 Array를 반환합니다. const alphabets = ["a","b","c"]; const fruits = ["apple", "banana", "cherry"]; const mappedExample = alphabets.map((alphabets,index) => [alphabets, fruits[index]]); console.log(mappedExample); // [["a","apple"],["b","banana"],["c","cherry"]] 그래서 단 하나의 Array를 만들기 위해서 flatMap() 함수를 사용.. 2019. 3. 11.
[CSS] Background Gradient 배경 그라디언트 설정하는 방법 이번에는 배경에 한가지 색상이 아닌 두개의 색상을 사용하여 그래디언트 효과를 나타내는 방법에 대해서 알아보겠습니다.background: linear-gradient();그래디언트를 적용하고자 하는 색상 두개의 값(파란색 #0000FF, 녹색 #008000)을 넣어보겠습니다. /* CSS */ background: linear-gradient(#0000FF,#008000); 기본 설정으로 위에서 아래로 그래디언트가 적용된 것을 확인할 수 있습니다. 왼쪽에서 오른쪽으로 그래디언트를 적용하려면 다음과 같이 코드를 넣으면 됩니다. /* CSS */ background: linear-gradient(to right, #0000FF,#008000); 이와 반대로 녹색을 왼쪽으로 파란색을 왼쪽으로 하려면 to rig.. 2018. 7. 30.
[CSS] Background 배경색상 지정하는 방법 + 투명도 지정 오늘은 CSS Background 속성에 대해 알아보도록 하겠습니다.Background 속성은 배경을 지정하는 데 사용됩니다.우선, 배경색상을 지정하는 방법에 대해 알아보겠습니다. background-color배경 색상을 지정하는 방법에는 크게 3가지가 있습니다. 1. 미리 정해진 색상명을 이용해서 지정하는 방법 (Black, White, Blue, Green ...)2. 16진수 6자리 색상코드를 이용해서 지정하는 방법 (#000000, #FFFFFF, #FF0000, ...)3. 0부터 255 이하 숫자를 이용한 RGB 색상코드를 이용해서 지정하는 방법 배경에 미리 정해진 색상명을 이용해서 지정하는 방법입니다. /* CSS */ background-color: red; 미리 정해진 색상명은 아래 웹사.. 2018. 7. 30.
윈도우에 파이썬 Python 설치하기 요즘 대세의 프로그래밍 언어 파이썬 다들 아시죠? 윈도우에 파이썬 Python 설치하는 방법을 알려드리고자 합니다. 파이썬 Python 설치 파일 다운로드 받기파이썬 Python 웹사이트(https://www.python.org/)로 이동해서 아래 스크린샷과 같이 윈도우용 파이썬 설치 파일을 다운로드 받습니다. 파이썬 Python 설치하기설치 파일을 받은 후 마우스 더블클릭해서 설치 파일을 실행하면 아래 스크린샷 처럼 설치 화면이 나타납니다. 여기서 주의해야 할 점은 하단의 "Add Python 3.6 to PATH" 체크박스에 체크표시를 해야 어느 폴더에서든 Python 명령어를 실행할 수 있으니 반드시 체크합니다. 명령어는 커멘드(CMD)창에서 입력합니다. 이 부분은 포스트 하단에서 다시 알려드리겠습.. 2017. 12. 20.
이미지 파일 포맷의 종류 및 사용 이미지 파일 포맷의 종류에는 여러가지가 있고 그 포맷의 특성에 따라 사용하는 방식이 다릅니다. 이미지 파일 포맷에는 GIF, JPEG, PNG, SVG 그리고 TIFF 등이 있으며 사용하는 용도가 그 특성에 따라 다릅니다. 이 포스트를 통해서 이미지 파일 포맷의 종류를 알고 올바르게 사용할 수 있도록 정리해보고자 합니다. GIFGIF는 Graphics interchange Format의 약자입니다.전송속도가 빠르고 이미지의 손상이 적습니다. JPEG 파일에 비해 압축률이 떨어집니다. 256색상을 표시할 수 있습니다.여러개의 정지이미지를 하나의 파일로 만들어 움짤등으로 많이 사용합니다. JPEGJPEG는 Joint Photographic Coding Experts Group의 약자입니다.손실 압축 알고리즘.. 2017. 11. 22.
배경 이미지 창에 맞게 늘리는 방법 배경 이미지 창에 맞게 늘리는 방법입니다. 보통 배경이미지를 설정할 때, body 태그에 속성으로 설정하는데, 배경이미지를 브라우저 사이즈에 맞추려면 다음 코드를 이용해야 합니다. #background { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */ } .stretch { width:100%; height:100%; } 출처 페이지에 연관된 코드들이 많이 올려져 있으니, 선호도에 따라서 이용하시면 편할 듯 합니다. 출처:http://stackoverflow.com/questions/1150163/.. 2013. 12. 23.
XML과 XSL파일 연결방법 및 HTML5적용 시중에 나와있는 책들보고 XML혼자 공부를 시작하려는데, 첫 장부터 XML과 XSL연결 문제로 골머리 썩혔네요.책을 기반으로 쓰임새만 보고 Youtube와 구글링을 통해 다음과 같은 코드를 얻었습니다. 같은 문제로 고민하는 분 있으시면 도움이 되었으면 좋겠습니다. :) XML 파일 XSL 파일 2013. 12. 8.
CSS란 무엇인가? CSS란 무엇인가? cascading style sheets 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 간단히 스타일시트라고도 한다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. 따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을.. 2009. 4. 18.
Java Programming을 시작해보자. 우선, http://java.sun.com 2009. 4. 11.
Visual Studio C++ 2008 시작하는 방법 Visual Studio C++ 2008 시작하는 방법 File - New - Project Visual C++ - General - Empty Project - Name설정 - OK클릭 Source Files - Add - New Item Visual C++ - Cod - C++ File (.cpp) - Name 설정 - Add 왼쪽창에 main.cpp가 생겼다. 2009. 4. 11.
Escape Sequence Escape sequence ＼n - Newline. Position the screen cursor to the beginning of the next line. ＼t - Horizontal tab. Move the screen cursor to the next tab stop. ＼r - Carriage return. Position the screen cursor to the beginning of the current line; do not advance to the next line. ＼a - Alert. Sound the system bell. ＼＼ - Backslash. Used to print a backslash character. ＼' - Single quote. Used to print.. 2009. 4. 10.
#include<algorithm> sort( ), min_element, max_element, reverse( ) #include sort( ), min_element, max_element, reverse( ) Output 2009. 3. 26.
#include<map> ,typedef, display output using iterator pointer #include ,typedef, display output using iterator pointer Output 2009. 3. 26.
#include<set>, typedef , insert(x), output using iterator #include, typedef , insert(x), output using iterator Output 2009. 3. 26.
#include<list> output using iterator #include output using iterator Output 2009. 3. 26.
#include<list> push_back(c) pop_front() char variable #include push_back(c) pop_front() char variable Output 2009. 3. 26.
#include<deque> push_front(i) float #include push_front(i) float Output 2009. 3. 26.
#include<vector> push_back(i) int variable #include push_back(i) int variable Output 2009. 3. 26.
#include<string> getline(cin, myString) 예제 Source Code Example Output Example 2009. 3. 25.
확장자에 대해서 알아보자 【 】안이 확장자~(확장자가 없을 땐 마우스 오른쪽 버튼 등록정보를 본다) 【 ace 】∼『압축 파일』 독일에서 개발된 압축 유틸리티인 Win Ace의 압축 파일 확장자, 이 파일은 요즘 빠른 압축 속도와 높은 압축률 다양한 압축 파일 형식을 지원하고 , 그리고 멀티볼륨 압축이 가능하다는 이유때문에 arj, pkzip, rar를 물리칠 기세로 ace 압축이 최근 사용자가 늘어나 인터넷에서 급부상하고 있다. ace 압축은 기존의 arj나 rar와 옵션이 90%이상 동일하다. 이파일의 특색은 만일 여러 개의 파일로 나누어 압축한다면 파일 확장자는 ace, c00, c01,... 로 이어지며, 이 경우 ace 파일의 여러개 중에 아무거나 하나만 선택해 압축을 해체하면 나머지 파일들도 연이어 압축이 풀어지게 된.. 2008. 12. 23.

티스토리툴바