IT 기록

test.py 파일이 파이썬 파일로 인식이 안됨. 1. 파일 생성 시 파이썬 파일로 생성 안함 -> .py or Python file로 생성 2. Interpreter 설정 제대로 안됨 -> python 환경변수 확인 및 Settings > Python Interperter 설정 확인 3. File Type 설정 문제 -> Text 파일이나 File type auto-detected by file content 등의 파일 타입에 해당 파일 이름 또는 확장자가 등록되어 있는지 확인

원래는 var로만 변수를 선언했었음. ES6 넘어오면서 let과 const 생김. * 앞에 선언한 변수 또 선언할 때 var sample = 'a'; var sample = 'b'; 해도 별 문제 없음. let sample = 'a'; let sample = 'b'; 오류 뜸. 재선언 불가 * 유효 범위 var : function-scoped [함수단위] let, const : block-scoped [블록단위 { }] * let과 const 차이 - 변수 재할당 let : 가능 (변수 선언 후 나중에 값 할당 가능) const : 불가능 (변수 선언과 할당이 동시에 되야 함) - 원시형 let : 변수 선언 시 const : 상수 선언 시 - 참조형 const로 선언

1 위의 코드를 태그 안에 넣어준다.

CI 란? | CI (Continuous Integration) : 지속적 통합 빌드 시 발생할 수 있는 문제를 미리 파악하고 대처하기 위한 방법. 매번 서비스를 배포하고 빌드 테스트를 하고 이상이 없는지 확인 하는 것을 자동화 해주는 유용한 기술 대표적인 CI툴에는 젠킨스가 있음. 장점 | 자동으로 빌드 테스트와 배포까지 해줘서 비용과 시간을 줄일 수 있음. Travis CI 배경 | 2011년 설립되어 2012년 급성장, Ruby언어만 지원했지만 현재 대부분의 개발 언어를 지원하고 있음. Travis CI 란? | Github에서 진행되는 프로젝트 위한 지속적인 통합 서비스 (CI) Git에 commit이나 push를 할 때마다 자동으로 프로젝트 빌드와 테스트가 진행됨.

Node.js란? | 자바스크립트로 서버 프로그래밍을 할 수 있도록 해주는 플랫폼 구글의 크롬 V8 자바스크립트 엔진을 기반으로 한 비동기 IO를 지원하는 고성능 네트워크 서버 왜 쓰는가? | 프론트엔드와 백엔드를 JavaScript언어로 관리 가능 비동기 처리로 퍼포먼스 증가하며 매우 빠름, 탁월한 생산성 프론트엔드 개발자가 직접 서버 개발을 할 수 있음 광범위한 커뮤니티 (활성화) 단점 | 싱글스레드여서 하나의 작업이 시간 많이 걸리면 전체 시스템 성능 저하. 코드의 가독성이 좋지 않음. 그러므로 유지보수 어려워 질 수 있음. 컴파일 시 에러를 확인 할 수 없고 실행해야 알 수 있음. 적합한 어플리케이션 | 짧은 시간에 대량의 클라이언트 요청을 처리하는 웹 어플리케이션 개발에 적합 간단하지만 많은 양..

타이포그래피 타이포그래피(Typography)는 글자를 활용한 모든 디자인을 가리키는 말. 글꼴 선택, 글자 크기, 이미지와 글자를 함께 구성하는 레이아웃까지 대표하는 용어. 서체 종류 Serif: 획의 끝 부분이 돌출된 서체 (한글: 명조체, 외국어: 로만체) Handwriting: 손글씨 서체 Sans Serif: 세리프가 없는 서체, 가로획과 세로 획의 굵기가 같음 (한글: 고딕체) Monospace: 고정폭 서체 Display: 화면용 서체 Script: 붓이나 연필로 쓴 듯한 서체, 영문 폰트에 자주 사용.

// 현재 보고있는 브라우저의 높이$(window).height(); // 현재 스크롤바의 위치 값. // 스크롤을 맨 위로 올리려면 $(window).scrollTop(0)을 해주면 됨. $(window).scrollTop(); // 현재 보고 있는 브라우저의 맨 밑 바닥의 높이 $(window).height + $(window).scrollTop(); //원하는 위치까지 천천히 올라가게 하려면? $('html, body').animate({scrollTop: 가고싶은 위치}, 가는데 걸리는 시간); // ※ 1000 = 1초 // document안의 상대적인 현재 위치값을 알 수 있음. offset(); // 요소의 상단 부분에서의 거리 좌표 offset().top; // 요소의 왼쪽에서 부터의 거리..

1234567891011121314 /*배경 이미지 넣기*/ background-image: url("../images/apple.jpg"); /*이미지 반복*/ background-repeat: no-repeat; /* 배경 이미지 사이즈 */ background-size: cover; /* 배경 이미지 위치 가로: left, center, right 세로: top, center, bottom */ background-position: left top;cs

123456.content { height: 300px; margin: 100px; background-color: blue; box-shadow: 30px 20px 5px 10px #4682b4;}Colored by Color Scriptercs box-shadow: 가로위치, 세로위치, 흐림 정도, 그림자 크기, 그림자 색

12345.content { height: 300px; padding: 10px; overflow: scroll; }cs overflow: scroll을 하면 넘치는 내용은 scroll해서 볼 수 있음. overflow: auto를 하면 넘치는 내용이 있을 때만 scroll바가 생김.overflow: hidden을 하면 넘치는 내용이 숨겨짐.