web sprit

1. 설치https://nodejs.org/위 url을 클릭하여 node JS 사이트에 접속합니다.아래와 같은 화면을 맞이 하게 될텐데요. 영어라 당황하지 마시고 설명 드리겠습니다.우선 중앙의 다운받을 수 있는 녹색 버튼이 2개가 존재 하네요.제 컴이 64bit 인줄 알고 들어올때 부터 맞춰 주나 봅니다. 우선 두개의 버튼 중 왼쪽의 버튼(v6.9.2 LTS)를 권장 합니다. 오른쪽의 버튼은 최신 기술이라 아직 test 기간이라고 보시면 됩니다. 임상실험(?) 이 끝난 이전 하위버전으로 다운받기를 권합니다. 벌써 6.9.2 버전 이군요. 다른 방법으로 다운받으시려면 상단 메뉴에서 DOWNLOADS 버튼을 누릅니다. 들어가면여러가지에 OS 나 버전에 맞는 node JS 를 다운 받으실 수 있습니다.저는 W..

웹접근섵 검사 툴인 A=CoolCheck 이라는 프로그램을 소개하려 합니다. 접근성작업을 위해 기존의 K-WAH 프로그램으로 검사하려고 웹전근성 연구소나 WebWatch 에서 다운받아 검사하려고 했습니다.근데 서비스가 종료되었다고 하네요 ㅜㅜ 그래도 즐겨 사용했었는데 막상 없으니 서운섭섭하군요. 아무래도 제가 사람이다보니 작은 실수도 지나칠 수 있기 때문에 프로그램에 의존하려 하네요.WebWatch 에서 살펴보다 A=CoolCheck 이라는 웹접근성 검사 툴을 제공하고 있는것을 확인할 수 있었습니다.A=CoolCheck 공지 바로가기 위 링크로 공지내용을 확인할 수 있는데요.센티널테크놀로지에서 만드신것 같더군요. 그리고 이 검사 툴로 검사 후 보고서를 제출시 기타 혜택등이 있다는 내용의 공지 였습니다. ..

프로젝트를 하면 Tortoise SVN을 이용하다보니 덕지덕지 연결아이콘들이 음.... 맘에 안듭니다. 연결을 해제하고 싶은 마음이 들때가 있는데요. (아이콘떄문에 뭔가 정신 없습니다...) 여러가지 방법이 있겠지만, 단순하고 확실한 방법이 있어 소개해 드립니다. SVN에 연결된 폴더에서 한단계 하위폴더로 들어가면, .svn 이라는 폴더가 존재하는데요. (만약 안보이신다면 숨김폴더라서 안보이시는 걸꺼예요. 그럼 우선 폴더 메뉴 항목의 보기에서 숨김 폴더 보기로 체크 하시고 다시 보시면 보일것 입니다.) 위의 이미지의 내용처럼 .svn 폴더를 삭제해 주세요. 그럼 주변의 연결표시되었던 아이콘들이 사라지면서 연결이 해제됩니다. 만약 지워도 연결아이콘들이 존재한다면 폴더 새로고침(F5)을 해보시면 사라지는 것..

프로젝트 시작하면 프로젝트 관리를 위해 tortoise SVN 을 사용하고 있습니다.기존의 프로젝트 SVN을 연결하면 아이디와 비밀번호를 입력하라는 alert 창을 확인 할 수 있습니다. 자 그럼 기존의 프로젝트 작업이 끝났다고 하고 새로운 프로젝트를 들어간다고 합시다.그럼 인증정보를 적고 SVN을 들어가려하면 들어갈 수 없고 에러 alert 창이 뜹니다. ㅜㅜ 이유는... 기존의 작업하던 프로젝트의 인증 정보가 저장 되어있기 때문에 새로운 SVN 프로젝트를 연결할 수 없는 것입니다.그럼 기존의 저장된 인증 정보를 삭제하고 들어가면 해결!!!! 기존의 인증정보를 삭제하는 방법은 아래와 같습니다. 인증정보 지우기해당 SVN 이 연결된 폴더에서 마우스 우클릭을 하면 TortoiseSVN ---> 설정 을 클..

text 를 줄바꿈 한다거나 글자가 영역을 벗어나면 안보이게 또는 점처리 등...text 를 controll 할 수 있는 css 속성에 관하여 나열해 보겠습니다. 1. white-space (css1): text에 대한 공백을 어떻게 처리 할 것인가를 설정하는 속성.white-space:normal;기본값으로 연속의 공백이나 줄바꿈을 한칸으로 인정하여 표현. white-space:pre;편집툴에서 표현되는 그대로를 표현(tab 이나 띄어 쓰기가 들어간것을 그대로 표현합니다.) white-space:nowrap;감싸고 있는 부모의 크기가 정해져 있어도 줄바꿈이 되지 않고 한줄로 표현 됩니다. white-space:inherit;부모요소의 값을 상속 받습니다. 2. word-wrap (css3): 텍스트가 ..

어떠한 폴더를 삭제하려고 휴지통에 넣어 삭제하려는데.. "폴더에 이름이 너무 길어서 휴지통에 넣을 수 없는 항목이 있습니다." 또는 "원본 파일 이름이 파일 시스템에서 지원하는 길이보다 깁니다." 라는 경고 문구가 나오면서 완전 삭제가 불능한 경우를 맞이 하고 말았습니다. 혹여나 재부팅하면 삭제할 수 있으려니 하고 재부팅 후 삭제하려 하는데... 으악~!!!!!!!!!!!! 절대 삭제가 안되네요~ 이를 어쩐다. 이럴땐 구글신의 힘을 빌렸습니다. 다시 까먹지 않으려 또 정리합니다. ^^ 제가 공부하는 프로젝트 자동생성. 자동 디렉토리를 만들어주는 Yeoman 이라는 Front 도구를 사용하다 이런 일이 발생했습니다. 저처럼 고생하지마시고 이 글을 보고 바로 해결하시기 바랍니다. 우선 node.js 가 깔려..

맨날 알고도 잊어버리는 내용이기에 정리하려 합니다.로컬에서 마크업 작업을 하고 서버에서 테스트 그리고 모바일 환경에서도 확인하기 위해선 외부에서 접속을 허용해줘야 합니다.우선 인바운드나 아웃바운드 설정을 통하여 같은 IP(와이파이) 엿을 때 접속 가능하게 할 수 있습니다. 그럼 우선 인바운드와 아웃바운드에 대해 설명 하겠습니다.인바운드내부를 향한다.서버 내부로 들어온다.서버 또는 네트워크 내부로 진입클라이언트 --> 서버클라이언트가 업로드할 때인바운드 규칙Windows 방화벽 기본설정 : 모든접속 차단자신의 컴퓨터로 들어오기 시작하는 네트워크 데이터 아웃바운드밖으로 향한다.서버 밖으로 나간다.서버 또는 네트워크 영역 외부로 송출서버 --> 클라이언트클라이언트가 다운로드할 때아웃바운드 규칙Windows 방..

SASS를 사용하기 위해 SASS에 문법에 대해 알아보도록 하죠. * SASS는 마크업에서만 사용되는 언어로서 공유나 실서비스에 표출되는 것이 아니기 때문에 파일을 여러개 나누어 Import해도 되며, 변수명도 축약어로 사용하지 않아도 됩니다. 1. compail 만약 SCSS 를 작성하였다면 CSS파일로 변환(Compile)해 주어야 합니다. CMD창을 scss파일이 있는 폴더에서 열어 아래와 같이 명령어를 작성해 주어야 하는데 방법은 여러가지 입니다. 기본방식 - 작성후 한번만 Compile 해줍니다.123 sass (작성된)파일명.scss (변환될)파일명.css Colored by Color Scriptercs 우리는 더욱 간편한 css 작성을 위해 scss 사용하는것인데 scss 작성 후 저장할때..

작업 표시줄에 파일 탐색기 폴더 고정하는 방법에 대해 다뤄보려 합니다. 우선 작업표시줄이란 윈도우를 시작하면 하단에 위치한 BAR를 말하는데요.그 부분에 파일 탐색기 폴더가 고정되어 있습니다. 원래 Window를 설치하면 기본적으로 고정되어 있는데요. 제가 실수로 고정을 풀어버려서 파일 탐색기 폴더가 어디있는지 찾게되는 현상이 발생하여 이렇게 정리겸 블로그하게 되네요. ^^ 우선 파일 탐색기 폴더의 위치는 아래와 같습니다.(제가 지금 꼬진 노트북으로 정리하다보니 32bit 네요 64bit의 경로는 조금 다를 수 있습니다.)C드라이브 → Windows → explorer.exe 그럼 explorer.exe 를 마우스를 이용해서 작업표시줄에 드래그 앤 드롭 하시면 되겠습니다.또는 explorer.exe 에 ..

요세 오래된 HP 노트북을 사용하는데 포맷하고 어느 순간부터 fn 키가 눌린것 처럼 키보드가 먹기 시작 했습니다.제가 하는 일이 IT 인지라 키보드 상단 F1 ~ F12 키를 자주 사용하는데...노트북 밝기나 와이파이모드 변환 등 F(num) key 와 같이 존재해서 fn key가 눌려버려서매우 불편한 상황에서 찾아본 결과~ 바이오스 화면에서 해결한다는 정보를 입수 하고 그대로 실행해 봤습니다.역시 이문제 였더군요... fn key 해제 방법을 지금부터 알려드리겠습니다. 우선 각자의 노트북의 BIOS 화면으로 들어갑니다.노트북의 종류에 따라 다르지만 저같은 경우는 F10 입니다.부팅하면 처음 나온 화면에서 F10 key를 열라 두드려 줍니다. (그렇다고 실제로 막 두드리진 마세요... 첫화면에서 한번 누..