NodeJS로 웹 크롤링 해보기

크롤링을 할 때에는 당연히 파이썬을 사용하는 것이 더 편할 것이다. 하지만 나는 FE 개발자이고 파이썬은 print("heelo world") 밖에 할 줄 모르기 때문에 Node 를 이용한 간단한 크롤러를 만들어 보기로 했다.난 크롤러를 아주 간단하고 구현하고 싶기 때

2021년 1월 24일
·
0개의 댓글

IE11 에서 React 사용하기

다들 알겠지만 ie11 에서 react 는 정상 동작하지 않는다.해결 방법을 알아보자.필자는 CRA 를 이용하였다.멍청한 ie도 리액트 코드를 읽을 수 있도록 폴리필을 적용해줄 것이다.src/index.js 의 최 상단에 폴리필을 넣자.이렇게 했는데 안 된다. 다들 뭔

2020년 12월 20일
·
0개의 댓글

8주차 과제 - API 서버 만들기

클라이언트 서버(7주차 과제)와 API 서버를 각각 띄워야 합니다./posts/:id 로 요청을 보내면 해당 id 의 포스트가 반환되어야 합니다./posts 로 요청을 보내면 모든 포스트 리스트가 반환 되어야 합니다.https://jsonplaceholder.

2020년 11월 16일
·
0개의 댓글

7주차 과제 - API 서버와 연동하기

/posts/:id 에 접근하면 해당 게시물의 정보가 보여져야 합니다.

2020년 11월 9일
·
0개의 댓글

2주차 과제 - 로그인 페이지

imageimage구글링 검색어 : html form tag로그인은 인증 과정 없이 아무런 아이디, 비밀번호를 클릭해도 동작합니다.로그인 완료 페이지는 {입력한 아이디}님이 로그인하셨습니다. 라는 문구가 나와야 합니다. 값을 입력하기 전에 아이디, 비밀번호 라는 값이

2020년 11월 9일
·
0개의 댓글

6주차 과제 - 서버 띄우기

​​3000 포트에 express 서버를 띄우세요​​/ 접근시 메인 화면/signup 접근시 회원가입 화면/login 접근시 로그인 화면​​로그인 혹은 회원가입 완료 버튼을 누르면 메인 화면으로 이동해야 합니다.​​메인 화면: 대충 틀만 있으면 됩니다로그인 화면: 지난

2020년 11월 9일
·
0개의 댓글

5주차 과제 - 회원가입 페이지

​​image​​​​​​​와 같이 작성하지 마세요​​input 박스에서 데이터를 입력하고 blur(focus out)되었을 때 validation이 맞지 않으면 input 박스 아래에 붉은 색으로 경고 문구가 나타납니다.validation을 맞게 수정한 후 blur를

2020년 11월 9일
·
0개의 댓글

6. API 서버로 데이터 요청하기

웹에는 비슷한 형식을 가진 페이지가 수 없이 존재한다. 예를 들어 현재 우리가 사용하고 있는 플랫폼인 velog 는 모든 게시글이 다 일정한 포맷을 가진다. 그런데 만약 새로운 게시글이 생성될 때마다 새로운 HTML 파일을 생성해야 한다면 상당히 곤란할 것이다.이와 같

2020년 11월 9일
·
0개의 댓글

5. Node 와 Express

자바스크립트 런타임 런 타임이란? 웹 브라우저 vs NodeJS NodeJS npm Express express 설치 express 서버 실행

2020년 11월 2일
·
0개의 댓글

4. 네트워크 기초

첫 세션에서 설명한 네트워크 기초를 조금 더 깊게 다루어 보려한다.웹 서비스가 정상적으로 동작하기 위해선 통신이 되어야 한다. 이 통신은 특별한 것을 의미하는게 아니다. 그냥 naver.com 를 인터넷 창에 치면 네이버 메인의 html, css, js파일이 내려 오는

2020년 10월 5일
·
0개의 댓글
post-thumbnail

3. 깃 브랜치

깃을 사용하는 이유라고도 할 수 있는 브랜치에 대해서 다루겠습니다.

2020년 9월 27일
·
0개의 댓글
post-thumbnail

2. 깃 기초

개발을 할 때 깃은 필수적이다. 깃에 대해 배워보자

2020년 9월 20일
·
0개의 댓글
post-thumbnail

Windows 10 에서 터미널 꾸미기

윈도우의 기본 터미널은 더럽게 못생겼다. 그런데 OH MY ZSH도 설치가 안 되기 때문에 스타일링도 할 수 없다. 이 게시글에서는 windows에서 예쁜 터미널 꾸미는 방법 정리해봤다.

2020년 9월 20일
·
1개의 댓글
post-thumbnail

0. OT

웹 개발을 처음 시작하면서 어떤 방식으로 공부해야할지 막막하실 겁니다. 이 글에서는 제가 어떻게 공부를 하면 좋을지에 대한 팁을 정리하겠습니다.대부분의 개발자 지망생들 혹은 현직 개발자들은 공부한 내용들을 문서화해서 정리합니다. 유용한 링크들을 저장해놓는 것도 좋지만

2020년 9월 14일
·
0개의 댓글

1. 웹 서비스의 원리

html, css, javascript우리가 브라우저를 통해 사용하는 웹 페이지(웹 서비스)들은 무었으로 이루어져있는지 파악하는 것을 시작으로 웹 개발을 배워볼 것이다.생활 코딩 html 강의를 15강 웹사이트 완성까지 듣기생활 코딩 css 강의 끝까지 듣기(옵션)ht

2020년 9월 14일
·
0개의 댓글

VS Code extensions

Material Icon Theme

2020년 7월 15일
·
0개의 댓글

뷰 공부 링크들

벨로퍼트님 디렉티브 정리캡틴 판교님lifecyle

2020년 7월 10일
·
0개의 댓글

바벨 & 웹팩

이 문서는 단순히 내가 보기 편하려고 만든 글이다. Ref의 링크에 정리가 아주 깔끔하므로 이를 이용하자. 바벨 presets 는 plugin을 모아 놓은 것이다. 웹팩 Ref frontend-dev-env-webpack-basic 웹팩 핸드북 webpack

2020년 7월 8일
·
0개의 댓글

npx 사용법

npx는 특정 패키지를 설치하지 않고 사용할 수 있는 방법이다. cli를 쓰고 싶은데 내 컴퓨터에 패키지를 설치하고 싶지는 않을 때 사용할 수 있다. 실전에서 어떻게 사용하는지 예시를 통해 설명하겠다.create-react-app 혹은 vue 등의 명령어를 사용하고 싶

2020년 7월 7일
·
0개의 댓글

변수 이름짓기 컨벤션

이 정리글은 내가 이 때까지 개발을 하며 겪었던 사례들로만 이루어져있다. 따라서 틀린 부분이 있을 수도 있다. 그냥 어떤 케이스가 어떤 모양인지 확인 하는 용도로만 보자.JS에서 사용시: 파스칼 케이스에 해당되는 경우를 제외한 모든 이름이 여기에 속한다.JS에서 사용시

2020년 7월 7일
·
0개의 댓글