본문 바로가기

전체 글

 (451)
Node.js.3. Node.js 설치 1. Introduction 우리는 웹 브라우저 위에서 실행되는 웹 애플리케이션을 만든다. 이를 만들기 위해 애플리케이션이 필요한 기능들을 웹 브라우저가 가진 기능들 중에서 HTML이라는 컴퓨터 언어 문법에 따라 호출한다. Node.js도 마찬가지이다. 우리는 인터넷을 통해 Node.js 홈페이지에 갈 것이다. 여기서 "Node.js runtime" 프로그램을 다운받아서 설치하여 실행할 것이다. 이 프로그램에서 우리는 자바스크립트라는 컴퓨터 언어를 통해 Node.js runtime 이 가지고 있는 여러 기능 중에서 우리가 필요한 기능들을 호출하여 Node.js Application을 만들 수 있게 된다. 따라서 Node.js runtime을 설치해야 한다. 그 다음 JavaScript를 통해 Node.j..
Node.js.2. Node.js의 장점 단 하나의 파일 속의 HTML 코드를 변경하면 수천, 수억개 웹 페이지 내용을 시간 들이지 않고 한 번에 바꿀 수 있다! 이것이 가능한 이유는, 우리가 웹 페이지 수억개를 저장한 것이 아니라 사용자가 어떤 페이지를 요청할 때마다 Node.js 기술로 그 순간의 웹 페이지를 프로그래밍적으로 생성하기 때문이다. (아래 동영상 참고) Node.js 전에는 사용자로부터 우리가 컨텐츠를 받을 수 있는 방법이 없어서 사용자의 참여를 유도하려면 사용자에게 이메일과 같은 방법으로 글을 받은 다음에 3.0 html, 4.0 html과 같이 html파일을 직접 만들어야 했다. 즉, 사용자의 참여가 제한되었다는 것이다. 하지만 Node.js로 만든 웹 애플리케이션에는 "create"버튼이 있다. 이에 사용자가 내용을 입력하..
Node.js.1. Node.js의 탄생 배경 웹은 1990년에 등장했다. 처음은 좋았으나 시간이 지날수록 불만이 쌓여갔다. 그 중 하나가 HTML을 직접 타이핑하여 웹 페이지를 수동으로 만드는 것이었다. 사람이 직접 HTML을 코딩하여 웹 페이지를 하나하나 만들어야 했기 때문에, HTML의 구조 하나를 변경하게 되면 수 많은 HTML 웹 페이지들을 수동으로 수정해야만 했다. 또한 방문자들이 글을 직접 올리도록 하려면 HTML 파일을 마음대로 수정해야하는데 이는 너무 위험하기 때문에 웹 사이트 소유자만이 컨텐츠를 추구할 수 있었다. 즉, 성장의 한계에 직면하게 된 것이다. 귀찮고 반복되는 HTML 작성을 기계에게 시키고 싶었고, 이에 JavaScript에 익숙한 웹 개발자들이 새로운 컴퓨터 언어를 배우지 않고도 웹 페이지를 자동으로 생성하는 서버쪽 ..
HTTP HTTP - HyperText Transfer Protocol 웹 브라우저와 웹 서버 사이 주고 받는 메시지를 직접 보자. 현재 페이지에서 '오른쪽 마우스>검사>Network'를 들어가면 브라우저와 서버 사이 데이터를 주고 받는 모습을 볼 수 있다. 위는 html파일이다. 이를 클릭하면 웹 브라우저가 요청하고 웹 서버가 응답한 자세한 내용들을 볼 수 있다. 여기서 "Request Headers"부분이 웹 브라우저가 웹 서버에게 요청할 때 작성한 요청서이다. 우리가 주소만 입력하면 웹 브라우저가 자동으로 만들어서 웹 서버에게 전달한다. 그럼 웹 서버는 요청서에 따른 정보를 만들어 "Response Headers"를 통해 웹 브라우저에게 전달한다. - User-Agent : 웹 브라우저이다. 즉, 요청을 할..
웹 1.0 / 웹2.0 / 웹3.0 란? 웹 1.0 - 사용자가 자료를 찾는 기능만 가능 - (ex) 검색 웹 2.0 - 사용자와 쌍뱡향으로 소통(참여, 공유, 개방) - 사용자가 소비자이자 생산자가 되어 글을 작성, 수정을 하여 직접 콘텐츠를 만들 수 있다. - 단순한 웹이 아닌 플랫폼으로서의 웹 - 가벼워진 웹 소프트웨어와 풍부한 UX - (ex) 게시판, 댓글, 블로그, 지식 백과 웹 3.0 - 사용자 맞춤형 정보를 제공하는 지능형 웹 기술. 즉, 사용자가 원하는 정보를 보여줌 - (ex) 유튜브, 넷플릭스와 같이 AI가 알아서 웹을 사용하는 사용자가 원하는 정보를 출력해주는 것
[부스트 코딩 뉴비 챌린지 2020] week7_LIVE 강의 출제자에게 듣는 7주차 미션 2번 답안 int answer = divisor[0] * divisor[N - 1]; 1과 자기 자신 수를 제외하므로, 가장 작은 수와 가장 큰 수의 곱이 찾으려는 숫자 N이된다. 이렇게 간단한 걸 왜 생각 못하고 함수로 짰을까.. 제출 안하길 잘한 듯..ㅠㅠ 어쩐지 빈칸이 한줄이더라 4번 답안 #include int main(void) { int N, i, input, flag[3000] = { 0, }; scanf("%d", &N); for (i = 0; i < N; i++) { scanf("%d", &input); flag[input + 1000]++; } for (i = 0; i < 3000; i++) if (flag[i] != 0) printf("%d ", i - 1..
[부스트 코딩 뉴비 챌린지 2020] FINAL 미션03 : 중위 표기법을 후위 표기법으로 변환하는 프로그램 ✔︎ 미션 3 (난이도 : 상) 1. 미션 제목 Infix to postfix (https://www.geeksforgeeks.org/stack-set-2-infix-to-postfix/) 2. 지시문 스택을 사용한 기본 문제중 하나로, 중위 표기법을 후위 표기법으로 변환하는 프로그램을 만드는 것 입니다. - 중위 표기법: 2 + 2 - 후위 표기법: 2 2 + 왜 후위 표기법으로 변환하는게 필요한가? - 컴파일러는 오른쪽에서 왼쪽 혹은 왼쪽에서 오른쪽으로 표기법을 읽기 때문 - 혹은 추가로 Use case 들을 찾아보아요~ 알고리즘 1. 중위 표기법을 왼쪽에서 오른쪽으로 읽는다. 2. 문자가 피연산자 (operand) 라면 출력결과에 저장 3. 연산자 (operator) 라면 3.1. 연산자가 들어오면..
[제주코딩베이스캠프] 웹개발 30분 요약 - 9. Python - f string 용법 Python 3.6 Version 사용법: f ' { 값 : 속성 } ' 1. {중괄호} 내에 바로 변수 작성 가능 age = 10 name = 'leehojun' print('제 나이는', x, '입니다') print('제 나이는 {} 입니다. 제 이름은 {}입니다.'.format(age, name)) print('제 나이는 {0} 입니다. 제 이름은 {0}입니다.'.format(age, name)) #f string {}내에 바로 변수 작성 print(f'제 나이는 {age} 입니다. 제 이름은 {name}입니다.') 제 나이는 10 입니다 제 나이는 10 입니다. 제 이름은 leehojun입니다. 제 나이는 10 입니다. 제 이름은 10입니다. 제 나이는 10 입니다. 제 이름은 leehojun입니..
반응형

티스토리툴바