Asource

어느날 부터 인가 html 마크업 상 사람들이 input으로 버튼을 만들기 보단 buuton 태그를 활용하여 버튼을 생성하는 경우가 많아 졌다 눌러! 위와 같이 속성을 생략하고 작성하는 경우가 많은데, 웹표준에 보면 아래와 같이 type 을 선언해 주라고 표시하고있다 눌러! button 태그의 기본 타입이 바로 submit 이기 때문인데, 퍼블리셔 입장에선 대수롭지 않게 생각 할 수 있는 이 부분이 간혹 어떤 개발자에게는 짜증을 유발 시킬 가능 성이 있다. input 태그를 사용하는 경우에는 type을 무조건 작성 해줘야하지만 우리가 이야기하는 button태그는 우리가 무심코 지낫을 때 누군가는 빡칠 수 있다는 것을 기억해두자.! 자 그럼 곰곰히 생각해보아야 할 것이 있다. 바로 버튼이라는 녀석의 용도이..

Asource 2018. 7. 9. 17:04

오늘 한 친구로 부터 HTML에 관한 질문 하나를 받았다. “a태그의 속성값을 display:block;으로 하고 안에 div를 넣으면 접근성에 위배되나요?” 그 질문에 이렇게 대답했다. “응” 아마도 자세한 답변이 조금은 귀찮아서 그랬는지도 모르겠다. 결론적으로는 답변 해주는 내용이 길어 이런식으로 넘기려 했는지도 모르겠다.시간이 조금 지나고 생각해보니.. 이 문제에 대해서 나도 종종 부딛치던 기억이 있었다. 좀더 명확하게. 결론을 내어 보고자 찾아보기로 했다. 찾아보기 전 내가 알고 있던지식은 독타입에 따라 되고, 안되고 차이였다. 굳이 따지자면 Doctype이 html5인 경우에만 가능한 것 으로 알고 있다. 찾아 보니 아래와 같은 커뮤니케이션 글이 있었다. 출처 : 제로보드xe https://ww..

Asource 2018. 7. 6. 02:51

Express 설치 후 웹서버가 구동되는 애플리케이션을 실행해줘야 합니다. 만약 실행해야 할 애플리케이션 이름이 app.js 라면 아래와 같이 실행하여 사용합니다. node app.js 하지만 app.js의 내용이 다른 내용으로 갱신이 되면 app.js 는 실행을 중지해 줘야 하고 다시 갱신된 내용으로 재실행해 주어야 합니다. 매번 이런 행동이 불편하기 때문에, Npm (node package manager)에 supervisor라는 애플리케이션이 있는데 이 애플리케이션을 설치하면 이런 반복적인 작업을 파일이 갱신될 때마다 supervisor가 대신 자동으로 갱신하여 실행해줍니다. npm 에는 이러한 애플리케이션이 여러 가지 존재하는데 대표적으로 supervisor와 같은일을 하는 forever가 있습니..

Asource 2017. 2. 19. 14:49

익스프레스로 웹서버를 구동하는 방법에 대해서 알아보겠습니다.익스프레스는 nodejs 웹 애플리케이션 프레임워크입니다. 조금 쉽게 설명하자면 웹서버도 만들 수 있고 다른 노드 패키지 메니저를 이용하여 웹사이트 개발을 할 수 있습니다.이전의 개발 개념과는 조금 다르지만 같은 asp php처럼 개발을 할 수 있다는 이야기입니다. 먼저 익스프레스 설치를 위해서는 nodejs가 설치되어 있어야 합니다. 선행과정nodejs 설치 express 설치 app.js 에서 먼저 익스프레스를 익스프레스를 사용하겠다고 요구해야 합니다. 1var express = require('express'); 이렇게 되면 요구된 express 가 express 변수에 담기게 됩니다.그럼 express 변수는 express()로 사용할 수..

Asource 2017. 2. 19. 03:31

익스프레스를 설치 하겠습니다 nodejs가 설치되어있는 상태라면 Express 설치는 "npm install exrpess" 를 이용하여 설치를 할 수 있습니다. 설치를 하실때 package.json 파일에 등록하고싶다면 뒤에 --save를 붙여 실행합니다. npm install exrpess --save 이렇게 작성해주시면 package.json에 설치와동시에 등록됩니다. 이렇게 설치할경우 package.json 파일에 dependencies 에 express 4.14.0 이 기록됩니다. 1234567891011121314151617181920212223{ "name": "asoruce", "version": "1.0.0", "description": "", "main": "app.js", "depen..

Asource 2017. 2. 18. 18:42

깃헙 (github) 을 사용하기 위해서는 깃헙에 가입을 해야 합니다.가입을 위해서는 sign up을 클릭하여 가입페이지로 이동 합니다.깃헙 : https://github.com/ 회원가입 절차를 진행하면 아래와같이 user name , email address , password 를 입력합니다.사용자 이름을 기입 할 때 조금 형식이 잘못 되었다는 메시지가 자주 나오는데,간혹 나오더라도 등록하면 정상적으로 등록되는 경우가 있습니다. 이전 정보 입력단계를 정상적으로 지났다면 깃의 사용정책을 결정 해야합니다. 무료로 사용하시려면 free 를 체크하신 후 다음 진행 하면 됩니다.유료사용자일경우 깃을 프로젝트를 공개하지 않고 사용할 수 있습니다.깃의 무료사용 규칙은 기본적으로 오픈소스를 기반으로 두고 있습니다...

Asource 2017. 2. 13. 15:19

git을 사용하기 위해서는 git을 먼저 설치해야 합니다.window 사용자의 경우 다운로드 주소 : https://git-scm.com/ 에서 내려받아서 설치하면 됩니다.,맥사용자 자 또한 동일 하지만 다른 방법으로는 터미널 커맨드 라인에서 "git" 이라고 명령어를 실행할 경우 xcode 설치 여부를 물어보게 되며 xcode 를 설치하게 될 경우 git을 사용할 수 있게됩니다. 저장소 생성 git을 설치했다면 저장소 생성은 git init 명령어로 저장소를 만들 수 있습니다. 프로젝트를 시작할 폴더에서 아래 명령어를 터미널 에서 실행 합니다. git init 결과Initialized empty Git repository in "git 저장소 폴더위치 " 위 명령어를 통하여 아래와 같은 결과가 출력되면..

Asource 2017. 2. 13. 01:02

nodejs 가 설치된 상태라면 Express 설치 전 프로젝트를 생성할 수 있는데 이 프로젝트를 생성하는 명령어가 "npm init"입니다. 이 명령어는 터미널 또는 cmd를 통하여 입력하시면 손쉽게 설치할 수 있습니다. npm init 명령어 실행 후 프로젝트에 대한 다양한 정보를 캐묻기 시작합니다. 모두 Enter로 넘겨도 상관없지만 entrypoint는 통상적으로 app.js로 설정하지만 필 수 사항은 아닙니다. 내가 만들려고 하는 프로젝트에 최초 실행 파일을 어떤 파일로 할 것인지의 물음 이기 때문에 최초 파일을 설정하는 것이라고 생각하면 됩니다. npm init 실행 시 물어보는 것들입니다 name: (tests)프로젝트 명을 기입합니다. 입력하지 않고 Enter를 입력할 경우 폴더명인 tes..

Asource 2017. 2. 12. 16:49