sprint Mini Node Server_Sprint HTTP module Web Server란 HTTP 요청을 처리하고 응답을 보내주는 프로그램을 말한다. HTTP 모듈을 사용하면 node.js 환경에서 HTTP 요청을 보내거나 응답을 받을 수 있게 해준다. 서버 생성 require("")를 사용하여 http모듈을 불러올 수 있다. createServer를 사용하여 웹 서버 객체를 만든다. 포트와 ip를 지정하고 listen 메소드를 사용하면... node서버sprintmininodeservermininodeserver Sprint - Chatterbox Server http서버를 시작하기 위해서 NodeJS를 어떻게 사용하는지 학습하고, 어떻게 브라우저에서 서버를 연결 하는지 확인 하세요.(http 서버의 베이스 코드는 server/basic-server.js에 작성 되어 있습니다.) handler를 basic-server에서 활용 할 수 있도록 export와 require를 활용해서 코드를 작성 하세요. (예를 들어 socket.io를 이용한 요구사항... TILsprintTIL 바닐라 JS로 만들기 export로 함수와 변수를 파일 밖으로 내보낼 수 있다. export와 default export는 같은 모듈에서 사용해도 에러는 발생하지 않는다. 그러나, 실무에서는 사용하지 않는다. 그러나, load는 이미지 파일 같은 외부 자원들에 대한 정보가 필요할 때, 적절한 이벤트!! npx lite-server --baseDir 1-vanilla/ 1-vanilla 폴더를 기준으로!! 만약, ... TILsprintTIL MoMo: 4차 스프린트🔥 사전적 의미로는 단거리 레이스 또는 단거리 전력질주라는 뜻으로, 짧은 단위의 계획을 바탕으로 프로젝트를 발전시켜 나아가는 방법론의 하나이다. MoMo 팀에서는 3일 단위의 스프린트를 활용하여 프로젝트를 진행하기로 했다 ! 각 스프린트마다 목표, 알게된 지식들, 느낀점, 다음 스프린트에 대한 다짐 정리하기👍 ✨ 기간 2021-01-07(목) ~ 2021-01-09(토) ✨ 목표 리사이클러뷰 p... androidMoMosprintRecyclerViewMoMo 리엑트 JS로 만들기 - 최근 검색어 구현 최근 검색어 이름, 검색일자, 삭제 버튼이 목록 형태로 탭 아래 위치한다 최근 검색어 데이터를 저장하고 있는 historyData를 받아오는 getter와 가장 최근 시간대가 최상위 리스트로 올라가게 하기 위한 sort()를 하나 만들어주자!! state 에 최근 검색어를 다룰 state값을 추가해주고, componentDidMount()에서도 최근 검색어 데이터를 받아오도록 하자!! 그러나... TILReactsprintReact 리엑트 JS로 만들기 - 리펙토링(추상화) 아마 App 컴포넌트 안에서 검색에 관련된 모든 곳들을 찾아보고, 코드를 이해해야 비로소 어떻게 수정할 수 있을지에 대한 로드맵이 세워질 것이다. 서랍을 용도에 맞게 칸막이로 나누듯, 컴포넌트도 역할에 따라 더 작은 컴포넌트로 나눌 수 있다. 여러 속성과 동작을 표현하는 코드를 클래스로 분리하고 "User"라는 이름표를 붙여주면 이 때부터 이름표만 보고도 사용자를 기술한 코드인 것을 알 수 ... TILReactsprintReact
Mini Node Server_Sprint HTTP module Web Server란 HTTP 요청을 처리하고 응답을 보내주는 프로그램을 말한다. HTTP 모듈을 사용하면 node.js 환경에서 HTTP 요청을 보내거나 응답을 받을 수 있게 해준다. 서버 생성 require("")를 사용하여 http모듈을 불러올 수 있다. createServer를 사용하여 웹 서버 객체를 만든다. 포트와 ip를 지정하고 listen 메소드를 사용하면... node서버sprintmininodeservermininodeserver Sprint - Chatterbox Server http서버를 시작하기 위해서 NodeJS를 어떻게 사용하는지 학습하고, 어떻게 브라우저에서 서버를 연결 하는지 확인 하세요.(http 서버의 베이스 코드는 server/basic-server.js에 작성 되어 있습니다.) handler를 basic-server에서 활용 할 수 있도록 export와 require를 활용해서 코드를 작성 하세요. (예를 들어 socket.io를 이용한 요구사항... TILsprintTIL 바닐라 JS로 만들기 export로 함수와 변수를 파일 밖으로 내보낼 수 있다. export와 default export는 같은 모듈에서 사용해도 에러는 발생하지 않는다. 그러나, 실무에서는 사용하지 않는다. 그러나, load는 이미지 파일 같은 외부 자원들에 대한 정보가 필요할 때, 적절한 이벤트!! npx lite-server --baseDir 1-vanilla/ 1-vanilla 폴더를 기준으로!! 만약, ... TILsprintTIL MoMo: 4차 스프린트🔥 사전적 의미로는 단거리 레이스 또는 단거리 전력질주라는 뜻으로, 짧은 단위의 계획을 바탕으로 프로젝트를 발전시켜 나아가는 방법론의 하나이다. MoMo 팀에서는 3일 단위의 스프린트를 활용하여 프로젝트를 진행하기로 했다 ! 각 스프린트마다 목표, 알게된 지식들, 느낀점, 다음 스프린트에 대한 다짐 정리하기👍 ✨ 기간 2021-01-07(목) ~ 2021-01-09(토) ✨ 목표 리사이클러뷰 p... androidMoMosprintRecyclerViewMoMo 리엑트 JS로 만들기 - 최근 검색어 구현 최근 검색어 이름, 검색일자, 삭제 버튼이 목록 형태로 탭 아래 위치한다 최근 검색어 데이터를 저장하고 있는 historyData를 받아오는 getter와 가장 최근 시간대가 최상위 리스트로 올라가게 하기 위한 sort()를 하나 만들어주자!! state 에 최근 검색어를 다룰 state값을 추가해주고, componentDidMount()에서도 최근 검색어 데이터를 받아오도록 하자!! 그러나... TILReactsprintReact 리엑트 JS로 만들기 - 리펙토링(추상화) 아마 App 컴포넌트 안에서 검색에 관련된 모든 곳들을 찾아보고, 코드를 이해해야 비로소 어떻게 수정할 수 있을지에 대한 로드맵이 세워질 것이다. 서랍을 용도에 맞게 칸막이로 나누듯, 컴포넌트도 역할에 따라 더 작은 컴포넌트로 나눌 수 있다. 여러 속성과 동작을 표현하는 코드를 클래스로 분리하고 "User"라는 이름표를 붙여주면 이 때부터 이름표만 보고도 사용자를 기술한 코드인 것을 알 수 ... TILReactsprintReact