모스카토

1. 자바스크립트 : 웹사이트의 동적인 부분을 제작할 때 사용하는 프로그래밍 언어 -> IoT, 하이브리드앱, 서버개발 등 폭넓게 사용된다. 2. html 에 자바스크립트 연동방법 : script 태그의 src프로퍼티에 js파일 경로를 준다. 3. 자바스크립트의 변수 1. 변수만들기 1. 변수 선언 : 데이터를 담을 공간을 생성 var fruit; ## var + 변수이름 한번 fruit라는 공간을 생성했으면 안의 데이터를 변경할 때는 새로 선언할 필요가 없다. 2. 변수 초기화 : 생성된 변수에 데이터를 전달 fruit = "apple"; 3. 변수 선언과 초기화를 동시에 한다. var fruit = "apple"; 2. 변수 문법 1. 변수명은 숫자로 시작할 수 없다. 2. 변수명은 최대한 자세하게,..

1. git 이란? git은 여러 사람이 각자 컴퓨터로 작업한 내용을 작업한 내용을 커밋으로 만들어 저장하고 협업 할수 있게 한다. 오픈소스이다. 1. git 을 사용하는 이유 효율적인 협업이 가능하다 : 여러사람이 같은 파일을 수정할 경우, 버전이 달라지고 이를 통합하기가 힘들다. 버전관리가 쉽다 : 여러 버전을 동시에 관리할 수 있고, git 은 버전들을 스냅샷형태로 저장하여 여러 버전으로 이동하기 쉽다. 2. git의 특징 1. 가지치기와 병합 여러 작업을 동시에 할 때 섞이지 않게 독립적으로 개발가능 개발, 테스트 진행 후 뻗어나온 가지를 병합가능 2. 가볍고 빠르다 코드를 공유할 때만 중앙서버에 접속하면 되고 코드는 각 사용자의 로컬에 존재한다. 3. 분산작업에 효율적이다. 프로젝트를 복사하여 ..

1. 미디어쿼리 @media pc, 태블릿, 모바일 등 기기의 화면 크기에 맞게 웹사이트를 만들 수 있다. 반응형 : 크기 변화를 줬을 때 자연스럽게 변화하는 사이트 적응형 : 크기 범위별로 단계적으로 변화하는 사이트 1. 미디어 쿼리 : @media (min-width : 320px ) and (max-width : 800px ){ css } 브라우저의 가로폭을 설정하는 기능 외에 없다. 미디어쿼리를 셀렉터로 주고 css를 주면 설정한 가로폭에 해당하는 화면일 때 적용한 css가 적용된다. 미디어 쿼리에 작성하지 않은 속성들은 @media 밖에서 작성한 코드를 상속받아서 적용된다. 2. 미디어 쿼리가 정상적으로 출력되는지 확인하는법 1. 크롬 개발자도구에서 Elements왼쪽 2. Troy Labs -..

Transform은 시간이랑 상관없이 키면 변해있다. 그냥 기존의 속성들로 만들어내야하는 좌표이동, 회전, 비틀기등을 translate, rotate, skew등의 명령어로 미리 만들어 놓은 것이다. Transition은 한가지 요소가 상태에 따라 변화하는 과정 즉 반응을 보여주는 것이다. 과정의 duration, delay, timing-function등을 원하는대로 조정할 수 있다. transform을 transition에 주면 transform의 시간에 따른 변화를 보여줄 수 있다. Animation은 여러 속성(기존 속성들과 transform을 포함)의 변화를 묶어서 보여줄 수 있다. 애니메이션을 사용할 때 width나 color등 한가지 속성값을 변화시킬 수도 있고, transform을 이용해..

mac에서 기존 계정이 등록된 채로 다른 깃허브 아이디로 clone add commit push를 하면 permission denied 에러가 난다. 기존계정에 새로운 계정의 리퍼지토리에 접근할 권한이 없다는 것이다.. 급하게 구글에 'mac add git user' 같은 것을 검색해서 credential-osxkeychain 같은 것도 깔아봤지만 해결되지 않았다. 겨우 찾아낸 해답은 깃허브 계정을 여러개 등록하려면 ssh를 이용해야한다는 것이었다. ssh가 뭔지도 모르지만 생각보다 어렵지 않아서 해결과정을 기록해둬야겠다. ** 깃 리퍼지토리는 생성했고, 클론까지 한 이후의 상황이다. 1. 일단 터미널을 키고 기존에 ssh폴더가 있는지 확인한다. ls -al ~/.ssh 2. No such file or..