본문 바로가기
[JS 프로그래밍 8]함수를 관리하는 파일, 모듈 오늘은 함수를 보다 간편하게 사용하고 재사용이 가능하게 만드는 파일인 모듈에 대해서 알아 보도록 하겠습니다. 먼저 모듈을 사용함으로써 얻을 수 있는 더 많은 이익들을 알아 보도록 하겠습니다. 1. 모듈 안에 들어 있는 코드들을 수정할 시에 이를 사용중인 모든 코드들이 향상되는 효과를 얻게 됩니다.2. 코드를 찾을 때 보다 빠르게 찾을 수 있습니다.3. 필요한 로직만을 로드해서 메모리를 보다 효율적으로 사용할 수 있습니다.4. 자주 사용되는 코드를 파일로 만들어서 써야 할 때마다 재활용할 수 있습니다. 모듈의 사용 모듈을 사용하기 위해서는 모듈 파일을 만들어야 합니다.모듈 파일 이름은자신이 원하는 파일 이름.js 로 하면 됩니다.모듈과 같이 자바스크립트의 파일은 확장자가 .js입니다.. 이 점을 꼭 기억해.. 더보기
[JS 프로그래밍 7]배열의 진화인 객체에 대해서 알아 보자. 이번에는 배열의 진화형인 객체(OBJECT)를 알아 보도록 합시다.도데체 어느 부분에서 배열의 진화형이냐면일단 배열은 인덱스(제목)을 0 부터 자동으로 설정해 주었고, 자신이 정할 수 없었지만,객체는 인덱스를 자신이 원하는 것으로 바꾸어서 사용할 수 있기 때문이다. 객체를 만드는 방법'들'객체를 만드는 방법은 다양하다. 그리고 우리는 이것을 때에 따라서 바꿔서 쓰면서 효율을 높일 수 있다.그럼 객체를 만드는 방법들에 대해서 배워 보자파랑색: 바꿀 수 있는 것1. 한 줄로 만들기var 객체이름 ={'인덱스' : 데이터, '인덱스' : 데이터};예시var object = {'first' : 1, 'second' : 2};2.여러 줄로 만들기 1var 객체이름 = {};객체이름['인덱스'] = 데이터;객체이름.. 더보기
[프로그램 꿀팁들 MEMU편] 가상 키를 마스터해 모바일보다 나은 환경을 만들자 오늘 알아볼 것은 앱 플레이어 memu의 가상 키 기능입니다.앱 플레이어가 생기면서 앱을 컴퓨터로 즐길 수 있게 되었지만 문제점이 하나 있었습니다.터치하는 방식이지만 마우스를 움직여야 하고(모바일은 바로 터치가 가능하죠)그렇기 때문에 빠르게빠르게 동작이 불가능하고 그로 인해서 높은 컨트롤이 필요한 앱에서 효율이 낮아지는 것이죠. 한번에 2곳을 터치할 수도 없잖아요.그래서 나온 것이 바로 가상 키 입니다.가상 키는 미뮤 앱 디스플레이의 특정 부분을 특정 키(a,b,e,t등와 같은 키보드 키) 를 누르면 화면을 터치하는 것처럼 만들어줍니다.만약 어떤 곳의 가상 키를 A로 설정한다면, A를 눌렀을 때 그 부분을 터치하는 것과 같은 효과를 내는 것이죠.이를 통해서 컴퓨터에서도 모바일 앱을 원활하게 실행하고 빠르.. 더보기
[JS 프로그래밍 7] 배열(array) 의 사용방법과 배열 수정방법을 알아보자 이번에 Javascript 에서 알아볼 것은 배열입니다. 배열이란? 배열은 일반적인 변수와는 다르게 하나의 변수에 여러개의 인덱스(제목)을 두고 각각의 제목들 안에 데이터를 넣어 한 변수에 여러 데이터를 저장하고 꺼낼수 있는 문법을 말합니다. 변수를 통해 우리는 데이터를 저장할수 있지만 비슷한 것끼리 뭉치게 만들수가 없기에, 배열로 하나의 변수에 여러 비슷한 데이터를 뭉치게 하는 것입니다. 배열과 반복문을 사용하면 배열을 하나하나 꺼내서 처리할수 있기에 배열은 매우 유용하게 쓰이는 경우가 많고 나중에 배울 case와도 많이 쓰기 때문에 지금 잘 배워두는게 좋습니다. 배열을 만드는 방법 *파랑색은 바꿀수 있는 값 var 만들고자 하는 변수의 이름[데이터,데이터,데이터] var id = ['12345', '.. 더보기
[프로그램 꿀팁들 네이버 웨일편] 북마크바 설정하기 안녕하세요 스프이입니다. 이번에 알아볼 여러가지 컴퓨터 팁 중 하나는 바로 '네이버 웨일' 프로그램의 북마크바 설정 기능입니다. 북마크바는 주로 자신이 자주 가는 사이트를 등록해두고 빠르게 가게 해 주는 기능을 북마크바라고 하죠. 그리고 오늘은 그 북마크바를 네이버 웨일에서 샅샅이 살펴보록 하겠습니다. 일단 네이버 웨일을 켜 주고 사이드바를 켜 줍니다. 그리고 나서 사이드바에서 별 표시된 부분을 클릭하면, 다음과 같이 북마크바를 추가하고 관리하는 창이 뜹니다. 이걸로 자신이 추가한 북마크바를 관리할 수 있는데, 먼저 추가부터 해야지 관리하거나 빠르게 들어가거나 하겠죠? 그래서 추가하는 방법도 준비해 뒀습니다. 일단 원하는 사이트에 가서 주소창 옆의 별 표시를 클릭합니다. 빨간 부분 보이시죠? 거길 클릭하.. 더보기
[프로그램 꿀팁들 CHROME] 시작 페이지 설정하기 이번에 알아볼 chrome 브라우저의 여러 꿀팁 중 하나는 바로 시작 페이지 설정입니다. 시작 페이지를 설정하는 이유는 프로그램을 시작함과 동시에 자신이 자주 사용하는 여러 사이트들을 공들여서 열지 않고 자동으로 열어주는 기능을 가지고 있기 때문입니다. 따라서 오늘은 chrome의 시작 페이지의 사이트 주소를 직접 입력하는 방법을 알아 보도록 하겠습니다. 먼저 설정하기 전에 chrome을 깔고 켜야 하겠죠? 빨강색으로 표시해 놓은 부분을 따라오시면 쉽게 바꿀 수 있습니다 먼저 설정에 들어가 줍니다. 그리고 여기에서 설정하는 방법이 2가지로 나뉩니다. 1 설정에서 아래로 내려서 특정 페이지 또는 페이지 모음 열기를 선택한 후 새 페이지 추가를 선택합니다 그리고 나온 창에서 자신이 시작 페이지로 설정하고싶은.. 더보기
[JS 프로그래밍 6] 함수 함수란? 지금까지 여러 코드들의 문법에 대해서 알아 보았죠 이런것을 더 잘 활용할수 있게 만들어 주는 문법이 바로 함수인데요. 함수는 관련있는 여러 코드들을 묶어 하나의 명령어처럼 만들어서, 함수를 '호출'(실행) 하면 우리가 함수 안에 입력한 여러 '코드' 들이 함수를 호출하면서 입력하는 '인자'(데이터값들)를 바탕으로 '실행' 되는 것을 의미한다고 할 수 있겠습니다. 거의 모든 프로그래밍에서는 내장 함수와 그냥 함수가 있습니다. 내장 함수는 함수를 사용하는 방법 함수를 쓰는 형식은 아래를 보시면 아실 수 있습니다. 파랑색 : 바꿀수 있 것 function 함수명 (인자,인자){ 코드 return 반환 데이터값; } 함수명(); 위와 같은 방법으로 함수를 쓸 수 있습니다. 함수는 인자를 받아서(꼭 받지.. 더보기
[PHP 프로그래밍] 비교 이번에 PHP에서 알아볼 것은 비교입니다. 비교를 알아야 조건문이나 반복문을 쓸 수 있습니다. 비교를 하는 방법은 여러가지 '연산자' 들을 통해서 비교를 하는데요, 연산자의 종류는 대입 연산자, 비교 연산자가 있습니다. 먼저 연산자에 대해서 알아 봅시다. 연산자란? 값을 이용한 작업을 컴퓨터를 통해 실행할때 쓰는 기호입니다. 왼쪽 데이터 값과 오른쪽 데이터 값을 비교하여 맞다면 true, 틀리다면 false를 내보냅니다. 이를 통해 조건문과 연산자의 종류 연산자는 오른쪽의 값을 왼쪽에 대입하는 대입 연산자, 왼쪽을 오른쪽과 비교하는 비교 연산자 정도가 있습니다. (사칙연산은 제외함) 대입 연산자 대입 연산자는 = 기호로 우리가 전에 사용한 적이 있죠. 그렇기 때문에 사용방법 먼저 보도록 하겠습니다. 사용.. 더보기

티스토리툴바