1,2,1,4,2,3,2,4,4,1,2,1,3,4,4

반응형

'etc' 카테고리의 다른 글

변수 명명법  (0) 2023.09.06

처음 웹페이지 접속했을 때 함수를 시작하고

window.onload = function(){}

이벤트 넣을 태그의 클래스 또는 아이디값을 선언해준 뒤

var gnb = document.querySelector(".gnb");
var lnb_box = document.querySelector(".lnb_box");

addEventListener를 이용하여 마우스 이벤트 생성

 

window.onload = function(){
    var gnb = document.querySelector(".gnb");
    var lnb_box = document.querySelector(".lnb_box");
    gnb.addEventListener("mouseover", hovered, false);
    lnb_box.addEventListener("mouseout", hoveredOut, false);
}

gnb 클래스에 마우스를 올렸을 때 hovered 함수가 실행되고

lnb_box 클래스에서 마우스가 아웃됐을 때 hoveredOut 함수가 실행

function hovered(e) {}
function hoveredOut(e) {}
반응형

'script' 카테고리의 다른 글

ajax 통신으로 json 형식 불러온 후 string 으로 변환  (0) 2019.01.22

필요에 의해서 작성했던 변수 명명법이며 정답은 아님.

본인 또는 프로젝트, 팀 성격에 맞게 변수명을 정하면 되나 통일시키는 것은 중요할 것으로 판단

 

카멜 표기법 : 첫 번째 단어만 소문자, 나머지 단어의 첫 글자는 대문자

케밥 표기법 : 두 단어 이상을 합칠 때 하이픈(-)으로 구분

파스칼 표기법 : 단어의 첫 번째 글자는 대문자

 


표기법 설명 예제
Java / Javascript 변수 카멜 긴 영어단어는 줄임말로 대체
명칭만 보고 유추가 가능하도록 선언
realTime, phoneNumber, eMail, userId, passWord ....
Java / Javascript 함수 goMap(), getDataList(), setVariable(), deleteName(), resetMap(), initMap() ....
CSS 변수 케밥 직접적인 단어 선택 top-menu, all-menu ....
Java 파일명 파스칼 어떠한 내용이 있는 파일인지 알 수 있도록 파일명 선언
성격이 다른 컨트롤러는 구분지을 것(rest api or return page)
CommonUtil, MainController, MapDataRestController, MapDataController
.....
javascript / css / html 파일명 카멜 간단한 영단어로 작명하되 두단어 이상일 경우 카멜로 표기 common.js, main.js, mobilePage.js
...

 

 
반응형

'etc' 카테고리의 다른 글

개방해 및 안전해 앱 퀴즈 이벤트 진행  (0) 2023.09.13

파일명을 바꾸기 위해 rename 명령어를 입력했는데

# 명령어 'rename' 을(를) 찾을 수 없습니다. 그러나 다음을 통해 설치할 수 있습니다:
apt install rename

이렇게 출력이 되었다.. 하여 위에 설명한 대로

# apt install rename

을 입력하여 설치

설치 완료 후 

#rename apache-tomcat-9.0 tomcat

으로 apache-tomcat 어쩌구저쩌구 이름긴 폴더명을 tomcat으로 변경 완료.

ps) mv 명령어나 cp 명령어로 파일명을 바꾼 것과 같은 효과를 줄 수도 있음.

반응형

'linux' 카테고리의 다른 글

ubuntu ftp 포트 열기  (0) 2023.08.30
ubuntu 하드디스크 마운트 시키기  (0) 2023.08.29

소스 수정을 로컬에서 서버로 연결해서 바로 하기 위해 ftp를 확인했는데

# service vsftpd status
# Failed to start vsftpd.service: Unit vsftpd.service not found.

설치가 안되어 있다.. 하여

# apt install vsftpd

apt를 통하여 인스톨하였음

인스톨이 완료되면 

# netstat -natp | gep ftp
# tcp6       0      0 :::21                   :::*                    LISTEN      43337/vsftpd

이렇게 뜨는데 21번 포트가 생성된 것.

filezilla같은 프로그램으로 로컬에서 확인하면 연결 된다.

반응형

'linux' 카테고리의 다른 글

rename 사용하기  (0) 2023.08.30
ubuntu 하드디스크 마운트 시키기  (0) 2023.08.29

2TB 두개를 추가 구매하여 데스크탑에 설치했는데 설치만 하고 사용을 못하고 있었다..

먼저 설치된 디스크 목록을 살펴봤다.

 

# fdisk -l

sda와 sdb가 존재하는 것을 확인하고 

# df -h

로 사용중인 디스크를 찾았더니

존재 하지 않음을 확인

# parted /dev/sda

파티션 추가 명령어를 치면

이렇게 뜨는데 순서대로 치면 끝

(parted) unit TB
(parted) mkpart
분할 영역 이름 ? []? hdd
파일 시스템 형식 ? [ext2]? ext4
시작점 ? 0%
끝점 ? 100%

이렇게 입력해주고 (parted) print 하면 추가된 파티션을 확인할 수 있음

이제 추가된 파티션을 원하는 위치에 마운트 시켜주면 끝

mkdir /mnt/hdd
mount /dev/sda /mnt/hdd
chmod 777 /mnt/hdd

vi /etc/fstab

...
/dev/sda        /mnt/hdd1       ext4    defailts        0       0
...

df -h

추가된 HDD 확인 완료

반응형

'linux' 카테고리의 다른 글

rename 사용하기  (0) 2023.08.30
ubuntu ftp 포트 열기  (0) 2023.08.30

서버에서 data를 json 형식으로 받아와서 html화면단에 출력하고 싶을 때 
jQuery함수중에 JSON.stringify() 함수를 사용하면 아주 간단하다.

$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ console.log(json) } });

위 코드를 사용해보면 웹브라우저 console창에 [object][object]로 표시될 것이다.
이걸

$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ var data = JSON.stringify(json); console.log(data); } });

요론식으로 바꿔서 다시 console.log를 찍어보면
string으로 바껴서 출력되는 json 데이터를 볼 수있다.
이걸 html단에 출력시킬려면

<div id="jsonCall"></div>

html 단에서 div를 생성해주고 id값을 부여한다.
그리고 ajax통신 부분에서 id값에 text로 출력시키면 끝

$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ var data = JSON.stringify(json); $("#jsonCall").text(data); } });

$("#jsonCall").text(data); 에서 굳이 text()를 사용안해도 된다. html()을 사용해도 상관없다.

 

반응형

'script' 카테고리의 다른 글

javascript 마우스 오버 이벤트  (0) 2023.09.12

/eclipse/.metadata/.plugins/org.eclipse.e4.workbench/ 에서

workbench.xmi 삭제


반응형

+ Recent posts