Study12 [Node.js] node.js 관련 개념 [출처] Node.js 교과서 (조현영) 1. 서버란 ? 네트워크를 이용하여 클라이언트에게 데이터나 서비스를 제공하는 컴퓨터나 프로그램 = 클라이언트(브라우저, 모바일 어플, 서버 등)의 요청에 응답 2. Node.js의 특성 2-1. JavaScript RunTime Node.js는 공식 문서에 자바스크립트 런타임이라고 소개되고 있다. 이때, Runtime은 어떤 언어로 작성된 프로그램이 실행될 수 있는 환경을 의미한다. 즉, node.js는 자바스크립트 실행기라고 이해하면 된다. ▷ RunTime : 특정 언어로 만든 프로그램을 실행할 수 있는 환경 2-2. 이벤트 기반 event-driven ▷ 이벤트 기반 : 어떤 이벤트가 발생하면, 사전에 지정해둔 작업을 실행하는 방식 ▷ 이벤트 루프 (loop.. 2022. 6. 29. [Github] add -A opensdf 에러 해결 ▶▶ 문제상황 알고리즘 공부를 시작하면서, 문제 풀이 코드를 깃허브에 업로드하고자 하였다. repository를 만들고, remote도 연결하고 add -A를 하려 했는데, 아래와 같은 에러가 뜨면서 add가 되지 않음 open("파일명.opensdf"):Permission denied, unable to index file 파일명.opensdf ▷▷ 해결 방법 아래의 블로그에서 동일한 에러를 해결한 기록이 있길래, 같은 방식으로 시도하여 해결하였다. visual studio / Tools / Options / Text Editor / C/C++ / Advanced / Browsing Database Fallback 1. Always User Fallback Location : True로 2. Do No.. 2022. 5. 3. [2021-07-26] Java1 (1-26강) ◑ Java의 동작 원리 ◑ 문자열 - 자바에서 큰따옴표(" ")는 문자열(String)을 나타내고, 작은따옴표(' ')는 문자 하나(Character)를 나타냄 - 특수문자를 그 문자 자체로 사용하고자 할 때는 해당 문자 앞에 백슬래시(\)를 해준다. → "escape"라고 한다. System.out.println("Hello \"World\"");// Hello "World" - \n을 출력하려는 문자열 중간에 삽입하면 줄바꿈이 된다. (n : new line) - 문자열.length() : 해당 문자열의 길이 (문자 개수)를 알려줌 - 문자열.replace( "바꾸려는 부분", "새로운 내용") : 해당 문자열에서 바꿔야 할 특정 부분의 내용 바꿈 System.out.println("Hello, [.. 2021. 7. 26. [2021-07-19] WEB2-JavaScript (33-38강) ◑ 객체의 사용 - 객체 내부에 여러개의 메소드를 담을 경우 해당 메소드들을 서로 콤마(,)로 구분해주어야 한다. ◑ JavaScript 코드를 하나의 파일로 묶어서 사용하기 - 똑같은 JavaScript 코드를 여러가지 페이지에서 동일하게 사용하는 경우, 그 JavaScript코드에 수정사항이 생기면 모든 페이지의 그 코드에 찾아가서 일일이 수정해야 하는 번거로움이 존재한다. 따라서 해당 코드를 이름을 붙여 별도의 페이지에 파일로 저장해두고, 그 코드 필요한 부분에 그 파일 이름을 사용한다. - [ HOW? ] 빈 파일 만들기 (파일명.js) → 내부의 코드만 그 파일안에 옮기기 → 껍데기만 남은 태그에 추가하기 ◑ 라이브러리 & 프레임워크 - 공통점 : 다릉.. 2021. 7. 19. [2021-07--15] WEB2-JavaScript(21-32강) ◑ 배열과 반복문 - while문 (※ 조건식에서 부등호 < 사용) - 태그 selector를 이용한 반복문 : 해당 태그를 가진 모든 애들한테 빠짐없이 똑같은 명령 내릴 때 -document.querySelectorAll('@'); 태그들의 목록 -document.querySelector('@'); 태그 목록 중 첫번째꺼 ◑ 함수 [함수의 장점] 1. 중복된 코드들을 묶어서 사용함으로써 유지보수의 효율성을 높임 2. 웹 페이지의 사이즈가 줄어든다. 3. 해당 함수로 나타난 부분의 코드가 서로 완전히 동일한 코드라는 확신을 보장함 [함수의 선언] 함수 = 입력 (parameter, argument) + 출력 (return) function 함수이름(매개변수) { 수행 내용; } [ 매개변수와 인자 ] &.. 2021. 7. 15. [2021-07-14] WEB2-JavaScript (1-20강) ◑ JavaScript - 사용자와 웹 페이지가 서로 상호작용할 수 있도록 하는 용도 - : html의 언어로 이 안에 있는 코드는 자바스크립트임을 알려주는 태그 - html vs JavaScript html 정적이다.(곧이 곧대로) JavaScript 동적이다.(계산능력 갖춤) - 웹 페이지에서 오른쪽 마우스>검사>Console에서 JavaScript 언어만 입력하고 Enter 치면 바로 수행됨 ◑ 사건(event) - 웹 브라우저 위에서 일어나는 일들 * 버튼을 만드는 태그 : * button에 적을 텍스트값 지정하는 속성 : value=" " * [이벤트] : onclick 속성(클릭 시 수행할 사건 = ex. 'hi'라는 경고장(alert) 뜨게 하기) * 여기서 alert(' '); → 이 부분.. 2021. 7. 14. [2021-07-12~2021-07-13] WEB2-CSS (5-16강) ◑ CSS Properties * font-size: @@px; : text 사이즈 조절 * text-align: center(left, right 등); : text 정렬 조절 * class="@" : 이거 적혀있는 애들은 @이라는 이름의 그룹으로 묶이고, 이 @ 그룹에 대한 스타일을 한번에 관리가능 .saw : 'saw' 이름을 가진 모든 class들에 대하여~ .active : 'active' 이름을 가진 모든 class들에 대하여~ ※ 가장 최근에 작성된 선택자의 명령을 따른다. (만약 .active -> .saw 순서였으면 최종적으로 더 최근에 작성된 .saw 선택자의 명령에 따름) ※ 하나의 대상에 대하여 class는 여러개 지정 가능함, 띄어쓰기로 구분함 < 최근 작성 선택자 명령 따르는 것.. 2021. 7. 13. [2021-07-08] WEB2-CSS (1-4강) ◑ CSS - 웹의 디자인적인 부분을 담당하는 새로운 언어로 등장함 - [장점] (1) 웹의 구조적인 부분이라 더 중요한 html과 디자인적인 부분을 분리하여 사용가능 (2) 웹의 디자인 관리가 더욱 효율적임 (∵ 중복 제거, 한번에 다수의 디자인 관리 가능) ◑ CSS언어로 글자 색 바꾸기 (1) style 태그를 이용하기 - : html의 언어로 html에게 여기부분은 CSS언어라고 말해주는 방법 a { } : '모든 글자에 대하여' 의미 - 디자인 대상을 나타낸다고 '선택자(selector)'라 함 color:red; : '색깔을 빨간색으로' 의미 - 디자인 세부사항 선언하는 '효과(declaration)'라 함 +) CSS언어는 { }안에 작성하며, 문장 끝에 ;을 붙여주어야 한다. (2) sty.. 2021. 7. 8. [2021-07-05 ~ 2021-07-07] WEB1 (17-34강) ▶client : 인터넷상에서 정보를 요청하는 컴퓨터 ▶server : 인터넷상에서 정보를 제공하는 컴퓨터 ( game을 하는 과정에서 : game client / game server web을 이용하는 과정에서 : web client / web server 이런 식으로 지칭함 ) ▶host : 인터넷이 연결되어있는 각 컴퓨터들을 지칭 ▶web hosting : 웹 서버를 운영하기 위한 host를 빌려주는 것 ( 대표적인 web hosting 기업 : github ) ※ 부록 - 코드의 힘 (코드로 할 수 있는 다양한 기능) 1) 동영상 삽입 : 유튜브에서 공유>퍼가기>html 복붙 2) 댓글기능 추가 : DISQUS에서 universial code>윗 html 복붙 3) 채팅기능 추가 : tawk에서 .. 2021. 7. 8. 이전 1 2 다음
