쭈

💥 req.query지금까지 req.params를 이용해 데이터가 {"num" : "18"} 이런 식으로만 보이니까 재미가 없다........진짜로....... 재밌다고 했지만 그건.. 알아가는 과정이 재밌을 뿐.. 결과물이 재미 없단 말이다.....그래! 다시하자! 다른 방법으로 사용해보자고👏👏유튜브를 이용해서 재밌게 색다르게 사용해보겠다 :)  // 영상 : https://www.youtube.com/watch?v=AkeeabfJjd8// 타임 : https://www.youtube.com/watch?v=AkeeabfJjd8&t=920s 이렇게 유튜브의 url을 자세히 보면 /watch를 기점으로 ? 부분을 볼 수가 있다.이 부분을 질의, 질문을 한다 라는 뜻으로 query 라고 부른다.quer..

💥 자바스크립트의 마법어제 배웠던 req.params 를 이용해 자바스크립트를 좀 더 배웠다!① 이 코드의 결과는 맨 위의 주석에도 나왔듯이 {"num : "18"} 이었다.1이 숫자가 아닌 문자열로 표시되는 것이다. 그렇다면 이 코드는 어떻게 나올까?② 이 코드의 결과는 {"test" : 1} 이었다...즉, 문자열이 아닌 숫자로 표시된다는 것. 그럼 이렇게 중간에let number = req.params.n - 10if ((number) > 5) {     console.log(number)     console.log('number의 값이 5보다 큽니다.')라는 코드를 넣었을 때, 어떻게 표시가 될까?①의 코드 결과물은 숫자가 아닌 문자열로 나오니까 연산이 될 수 없다.그럼 에러가 뜰까? 결과를 ..

💥 Node.js 과거의 Javascript는 프론트엔드 에서만 실행되는 언어였다.하지만 Node.js가 나타나면서 프론트와 백엔드 모두가 사용가능한 언어가 되어버렸다.말그대로 개쩌는 언어가 되어버렸다는 거다..🙄 Node.js는 크롬 v8 Javascript 엔진으로 빌드된 Javascript 런타임이다.런타임은 프로그래밍 언어가 구동되는 환경을 말한다.Javascript의 런타임은 웹 브라우저와 Node.js로 구성되어있다.말 그대로 Node.js는 웹 서버 or 백엔드가 아닌 자바스크립트 실행 환경 인 것이다. 💥 Node.js 특징Node.js의 특징 중 크게 3가지는 싱글스레드, 이벤트 기반환경, 논블로킹I/O 이다.  - 싱글 스레드 : 하나의 스레드가 모든 작업을 수행한다. : 스레드가..

💥 expressNode.js를 배워보자 (책) 과 20000을 출력해달라는 요청!!!이렇게 되면 화면에... Node.js를 배워보자 (책)20000 이렇게 뜨겠지? ??? : 어림없지! 데이터가 하나씩만 나타나는 걸 볼 수 있다.......그럼 데이터를 다 따로따로 하나씩 요청해야하나?아무리 생각해도 절대 이렇게 쓰진 않을 것 같다 ㅋㅋㅋ..그래서 나온 게 "그럼 데이터를 모아모아 객체 형태로 뿌리는 건 어떰?" 이다!여기서 객체..? 객체가 뭐지 라고 한다면.....  💥 객체주어 자리에 왔을 때 문장이 만들어진다면 그건 다 객체다! by 김송아 요즘 듣고 있는 김송아 강사님의 말씀 ㅋㅋㅋㅋㅋ실제로 객체는 데이터를 하나씩 보내는 것이 아닌 데이터를 모아모아 덩어리로 보내는 것이다! "Node.j..

HTTP method(목적) - 생성(=등록) : POST - 조회 : GET - 수정 : PUT(덮어쓰기) / PATCHcf. PATCH : 일부 변경(=부분 수정) - 삭제 : DELETE - HEAD, OPTIONS, CONNECT, TRACE  Node.js 동작 - 싱글 스레드 : 하나의 스레드가 모든 작업을 수행한다. : 스레드가 1개이기 때문에 무너진다면 프로그램 전체에 문제가 발생한다.  - 이벤트 기반  - 논블로킹 I/O : I/O가 동작을 하면서 request를 받으면 다음 처리에 요청 보내놓고 다른 작업 처리하다가 먼저 요청한 작업이 끝나면 이벤트를 받아서 응답을 보내는 것 * 논블로킹 실습first() 가 먼저 실행되고 second()를 부르기 위해선 2초를 기다려야 하기 때문에 ..

API(Application Programming Interface) : 응용 프로그램에서 다른 소프트웨어 구성 요소 또는 서비스와 상호 작용을 하기 위한 인터페이스를 제공하는 프로그래밍 기술 REST API :  HTTP 규약을 잘 따른 API URL(Uniform Resource Locator) : 웹 페이지가 어디있는지 '위치'를 알려주고, 데이터 연산 해달라고 서버에 요청을 보내는 방법 : 즉, 웹 페이지 주소이다. REST API URL 규칙 - 대문자X  소문자O - 언더바( _ )X  하이픈( - )O - 마지막에 / 포함X - 파일 확장자 포함 X ★ 복수형을 쓴다. ★ 행위 포함X => delete, select, ... 목적을 포함하지않는다. URL + method 연습 => "API ..

HTML과 CSS 만으로 간단한 메인페이지 만들기 HTML과 CSS로 간단하게 메인 페이지를 만들어보았다.display: flex 를 사용하여 이미지들을 예쁘게 가로로 배치하였다. 백엔드  - 웹 서버 : 동적 페이지에 대한 처리는 직접하지 않고, 웹 어플리케이션 서버에게 전달한다.* 정적 페이지 : 화면의 내용 등의 변동이 없는 페이지* 동적 페이지 : 데이터 처리 및 연산을 통해 화면의 내용이 변하는 페이지  - 웹 어플리케이션 서버 : 동적 페이지를 처리한다.데이터베이스와 연결되어 있으며 조회/수정/삭제 등에 대한 처리를 데이터베이스에게 요청한다.   - 데이터베이스 : 데이터를 효율적으로 관리하기 위한 데이터의 집합체이다. Node.js자바스크립트를 스크립트 언어 이상으로 프로그래밍 언어 역할을 ..

CSS(Cascading Style Sheet) : HTML을 꾸며주는 언어  - 인라인(inline) : HTML 태그 안에 같이 작성인라인은 이렇게 태그 안에 style=" " 이라는 속성값으로 html을 꾸며주는 것을 말한다.  - 내부 스타일 시트(internal style sheet) : HTML 문서 안에 같이 작성내부 스타일은 html 문서 내에 태그 안에 태그를 넣어 html를 꾸며주는 것을 말한다.  - 외부 스타일 시트(external style sheet) : HTML 문서 밖에 작성하고 연결외부 스타일은 html 문서 밖에 css 문서를 따로 만들어 html에 연결시키는 방법이다.태그 안에 로 외부 문서를 연결 시키면 된다.이렇게 login.css 를 만들어 내부스타일에 사용했..

HTML / CSS - HTML(Hyper Text Markup Language) : 웹 페이지를 연결하는 기능을 가진 텍스트 / 웹 페이지의 구조를 명시하는 언어 : 괄호를 사용한다 -> 태그 / 웹 페이지의 구성 요소 하나하나로 역할을 하게 된다.ex) 안녕하세요.  /  여는 태그와 닫는 태그가 한 쌍일 수도 있고, 닫는 태그 없이 단독으로 쓰이는 경우도 있다.  - CSS(Cascading Style Sheet) :  웹 페이지 구성 요소들을 꾸미는 역할 : 글자 크기, 색상, 폰트, 정렬 등 구성 요소들을 꾸며 예쁘게 만들 때 사용한다.  모든 html 문서는 로 시작한다!그 다음, 로 전체적으로 감싸준다.에 들어갈 내용은 화면에 보이진 않지만 인터넷 창의 제목이라고 생각하면 편할 것 같다...

협업 Tool  - Trello(트렐로) : 다른 협업 Tool에 비해서 디자인이 매우 단순하다. : 진입장벽이 매우 낮아서 한 번 배우고나면 쉽게 사용이 가능하다. : 칸반, 타임라인, 간트차트 등으로 다양한 프로젝트를 관리할 수 있다. : 기본 템플릿을 제공하고 그 템플릿을 본인의 팀 색깔대로 수정이 가능하다. : 마크다운을 지원한다.  - Jira(지라) : 스크럼과 칸반보드를 제공하여 스프린트 계획을 세울 수 있고 작업 흐름을 관리할 수 있다. : 자사의 Confluence 등과 쉽게 연동이 가능하다. : 창의성을 요구하는 편이 아니라, 기본 기능으로도 편하게 작업이 가능하다. : 업무 중요도, 진행기간, 담당자 등 필요한 내용들을 꼼꼼하게 관리하기 수월하다.  - Notion(노션) : 기본 템..