본문 바로가기
반응형

개발387

리눅스 기초 명령어 리눅스 기초 명령어 pwd : 현재 위치 확인하기 터미널에서 폴더를 열거나 닫으면서 이동하면, 현재 위치가 헷갈릴 수 있다. 이때 pwd 를 입력하여 현재 작업중인 폴더의 위치를 출력할 수 있다. mkdir : 새로운 폴더 생성하기 터미널에서는 명령어와 폴더의 이름을 스페이스바로 구분한다. ls : 특정 폴더에 포함된 파일이나 폴더 확인하기 명령어 ls 를 이용해 명령어 mkdir 을 통해 생성한 폴더 'helloWorld'를 확인할 수 있다. open .(맥)/nautilus .(리눅스) : 터미널의 현재 위치를 여는 명령어 cd : 폴더에 진입하기 touch : 파일 생성하기 파일을 만들기 위해 touch 라는 명령어를 사용한다. 아래의 명령어를 통해 빈 텍스트 파일 'hi.txt'를 생성할 수 있다.. 2021. 7. 28.
웹 폰트 사용법 웹 폰트 사용자의 컴퓨터에 설치 여부와 상관없이 온라인으로 다운받아 사용할 수 있는 폰트들이다. 웹 폰트는 font-family 속성을 사용하지만, @font-face 라는 CSS 명령어를 사용해서 웹 브라우저에게 해당 서체를 다운로드 할 것을 알리면서 사용할 수 있다. 사용법 1. 아래 홈페이지에서 원하는 웹폰트를 다운받고 CSS파일이 있는 폴더에 저장한다. https://fonts.google.com/?subset=korean [ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com ](https://fonts.google.com/?subset=korean) 나는 왼쪽에 있는.. 2021. 7. 26.
forEach() 사용예시 어제 forEach() 를 알게 되었고 오늘 개념정리를 하는데, 비동기함수? 콜백함수? 이런것들이 나왔다. 코드스테이츠 캘린더를 보니 후에 비동기함수, 콜백함수를 배우게 된다. 그때 개념 정리하기로 하고 우선 활용할 수 있게 사용법정리만 해두기로 했다. 우선 forEach는 Array객체에서만 사용가능한 메서드이다. forEach는 반복문과 같은데 같은내용을 forEach로, 반복문으로 작성해보자. forEach()과 반복문 비교 //forEach사용 let i = ['a','b','c','d'] function writing(i){ console.log(i) } i.forEach(writing) //writing(i[0]), writing(i[1]), writing(i[2]), writing(i[3]).. 2021. 7. 25.
forEach() : 버튼을 누르면 버튼에 적힌 색깔로 제목 색깔이 변하는 코드 여러개의 속성(버튼)에 하나의 이벤트핸들러 추가하기. w3school홈페이지를 보면서 혼자 DOM CSS 를 공부하다가 이 코드를 만들게 되었다. 버튼개수만큼 함수를 일일이 여러개 만들면 쉽게 기능을 구현할 수 있었지만, 예전 생활코딩 유튜브 볼때 이고잉님의 '항상 코딩할땐 1억개를 한번에 바꿀 수 있는 기능을 만들어야 해요 여러분' 이라는 대사가 떠올라서 함수하나로 모든걸 퉁쳐보기로 했다. 새로배운것 : forEach const title = document.getElementById('sent')//제목 let btns = document.querySelectorAll('input[type = button')//버튼들을 btns에 할당했다. btns.forEach(function (i){//버튼에 적.. 2021. 7. 24.
반응형