본문 바로가기

분류 전체보기

(346)
Node.js - fs.readFile 정보를 다루는 가장 핵심적인 것 CRUD C: Create R: Read U: Update D: Delete 중요도 순서 C>R>U>D 1.ReadFile 목표: 파일을 어떻게 하면 node.js로 읽을 수있는가? google 검색 : node.js file read 2. 적용 *${queryData.id} 는 사용자가 주소창에 입력한(=링크를 클릭한) 예를들어 /?id=HTML라고 한다면 이 것을 객체의 형식( id : HTML)으로 읽어들인것의 id키의 값인 HTML이 되는 것이고 따라서 fs.readFile(`data/ HTML` , 'urf8', function(err, data){}를 해석하면 data file안에 있는 HTML 문서를 읽어와서 data라는 변수에 저장한다 라는 뜻이 된다 ※위 ..
Node.js- URL http://opentutorials.org:3000/main?id=HTML&page=12 protocol :통신규칙 즉 사용자가 서버에 접속할때 어떤방식으로 통신할 것인가 웹브라우져와 웹서버가 서로 정보를 주고받기위해만든 통신 규칙 host(domain) :인터넷에 접속되어 있는 각각의 컴퓨터 어떤 특정한 인터넷에 연결되어 있는 컴퓨터를 가르키는 주소 port 번호 : 한개의 컴퓨터 안에 여러대의 서버가 있을 수있음 그때 클라이언트가 접속했을때 어떤서버와 연결해야할지 애매 따라서 번호를 주어 그 번호의 서버와 통신 기본값은 port번호 80 path: 그 컴퓨터 안에 있는 어떤 디렉토리안의 어떤 파일인지 알려줌 query string: 이 값을 변경하면 이 앞에 있는 웹서버에게 내가 읽고싶은 정보는 h..
Node.js 설치와 실행 설치 = nodejs.org 실행 = 윈도우+R >> cmd입력 >> node -v(버전이 뜨면 설치성공)>> node(node.js불러오기) >> console.log(1+1); (2가 나오면 성공적으로 실행됨) >> ctrl+c 2번 누르면(. exit) 원상태로 >>nodejs폴더 생성 후 helloworld 파일 생성 파일안에 에디터로 console.log(1+1);입력 저장 >>nodejs폴더 경로 복사 후 >> 내가 머무로 있는 디렉토리를 바꿔주기 위해서 cmd창에서 cd 경로 입력 >> dir 입력(현재 머무른 디렉토리의 파일을 보여줌) >> node helloworld.js 입력(2가 출력되면 성공) Node.js 사용자가 요청,접근할때마다 nodejs서버는 어떤코드를 넣느냐에..
rel site https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development commu caniuse.com 세계적으로 코딩관련 태그 언어 api등 사용 점유율, 지원가능한 웹브라우져 등 척도를 알려주는 사이트
ajax - data와 logic의 분리 2 1. list1 파일의 text는 html css javascript ajax 이다 2. 위 text를 배열로 만들어라 >> var array = text.split(" ") 3. 배열의 원소들을 전부 가져와라 >> var i = 0 while(i < array.length){ var lists = ''+array[i]+'' i++; } *여기까지하면 loop문이 끝나는 31줄을 기준으로 30줄까지는 html css javascript ajax 가 순차적으로 출력되고 32줄에서는 마지막으로 출력된 ajax가 출력된다 4. 아래와 같이 var k ="; 를 변수로 주고 loop문 안에 k = k+ lists 를 주게 되면 콘솔창과 같이 반복할때마다 전의 결과값에 더한 값을 출력하기때문에 loop문이 끝난 ..
ajax- data와 logic의 분리
ajax- hash 1. hash(#) bang(!) ajax는 하나의 페이지에 모든것을 표현해주기때문에 단점이 존재한다 목표 : 순수한 링크를 주고 싶다, 주소가 페이지별로 달라지게하여 주소를 공유하고 싶다 ,그 주소로 들어왔을때 초기페이지를 원하는 페이지로 로드하고 싶다 이때 사용하는 것이 hash방식 페이지 안에서 특정한 부분으로 접근할 수 있다(북마크 기능) 예를 들어 해쉬방식으로 링크를 주면 그 링크를 클릭했을때 현재 존재하는 페이지 안에서 움직인다 웨 예제와 같이 fetch와 hash를 결합하면 hash값을 준 주소로 들어갔을때 아래예제와 같이 hash값에 해당하는 fetchPage를 불러오게 할 수 있다. *hash(#) bang(!)의 !는 단지 특별한기능을 구분할때 관용적으로 쓴다 단점 검색엔진 최적화가 안..
ajax2