본문 바로가기

분류 전체보기

 (433)
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입니..
[제주코딩베이스캠프] 웹개발 30분 요약 - 8. 30분 요약시리즈 - JS 2부 학습 리스트 배열 오브젝트(Object) if문 switch문 for문, while문 변수 scope : var, let, const 속성을 가리키는 방법 HTML에서 JS액션주기 jQuery jQuery 요약 메소드 실전 1. 배열 여러 값을 순서있게 저장하고 싶을 때 사용한다. 🚨주의 : sort()는 문자로 보고 사전식 정렬을 한다 (1->2->3->4->...->9->0) 2. 오브젝트(Object) (ex) 회원정보, 게시물 관리에 이용 3. if문 반드시 위에서 아래로 순차적으로 작동한다. 4. switch문 if문은 순차적인데에 비해, switch문은 바로 원하는 곳으로 한 번에 이동한다. 5. for문, while문 6. 변수 scope var: function scope. 한 함수 내에서..
[제주코딩베이스캠프] 웹개발 30분 요약 - 7. 30분 요약시리즈 - JS 1부 학습 리스트 환경 세팅 - Atom 변수 선언 산술 연산 논리 연산 비교 연산 함수 내장 함수 날짜 배열 패키지 emmet(자동완성 패키지), open-in-browser(코드를 html로 바로 열어주는 패키지) 1. 환경 세팅 Atom을 설치 및 실행한 후 두 패키지를 설치하였다. 코드를 작성한 후 ctrl+shift+Q를 누르면 브라우저로 바로 실행된다고 했는데, 나의 경우 되지 않았다. 왜인가 싶어 open-in-browsers의 설정에 들어가보니 브라우저 단축키가 ctrl+alt+o로 되어 있었다. 눌러보니 잘 실행된다. hello world HTML에서 JavaScript 코드를 추가하는 위치 코드는 순차적으로 읽히기 때문에 body의 태그들 뒤에 둔다. 만약 태그가 뒤에 두면 빨간색 글자의 "..
반응형

티스토리툴바