전체 글 검색 결과

해당 글 234건

[JavaScript] 문자열 안에 있는 특정 문자 개수 세기

[JavaScript] 문자열 안에 있는 특정 문자 개수 세기 자바스크립트에서 문자열 안에 있는 특정 문자 개수를 세는 함수는 따로 존재하지 않는다. 그러나 정규식을 사용하면 매우 간단하게 구할 수 있다. 특정 문자 개수 세기 바로 정답을 확인해보자. See the Pen match 정규식 by Codiving (@codiving) on CodePen. 방법 : "문자열".match(/문자/g); 위 방법의 경우 찾고자 하는 문자가 문자열에 없는 경우 undefined으로 return 이 되고 있는 경우 배열로 ["문자", "문자"] 이렇게 해당 개수만큼 포함이 된다. 위 예시에서 , 개수 검사의 경우 str 문자열에 없기 때문에 undefined로 값이 나오게 된다. undefined.length를 하..
공유/JavaScript, TypeScript 2021. 8. 29. 13:06

[Node] Express 서버 만들기 - 3 / post 함수

[Node] Express 서버 만들기 - post 함수 내용이 이어지므로 이전 게시글 내용을 이해하고 있어야 합니다. [공유/Node] - [Node] Express 서버 만들기 - 2 / get 함수 이번 게시글에서 알아볼 내용은 post 함수입니다. get은 무언가를 서버로부터 가져온다라는 개념이면 post는 서버로 무엇을 넣는다는 개념으로 이해하시면 편합니다. 우선 서버에 post 요청이 오는 경우 처리할 수 있도록 코드를 추가하도록 하겠습니다. 해당 함수는 클라이언트에서 보낸 데이터를 출력하고 응답으로 html을 돌려주는 함수입니다. app.post("/", (req, res) => { console.log("req.body", req.body); res.send(`HTML H1`); }); 그..
공유/Node, NPM 2021. 8. 28. 07:08

[Node] Express 서버 만들기 - 2 / get 함수

[Node] Express 서버 만들기 - get 함수 내용이 이어지므로 이전 게시글 내용을 이해하고 있어야 합니다. [Node] Express 서버 만들기 - 1 / express, babel, nodemon 이번 게시글에서 알아볼 내용은 get 함수입니다. http://localhost:3000 에 접속을 하면 아래와 같은 홈페이지가 표시됩니다. 왜 그럴까? 기본적으로 해당 페이지에 접속을 하면 get 함수를 호출하게 됩니다. 그런데 지금 만든 서버 코드를 보면 "/" 주소로 접속했을 때, 특정 action을 취하는 get 함수가 없습니다. 아래와 같이 간단하게 get 함수를 추가해줍니다. app.get("/", (req, res) => { res.send("First server") }) 위 함수를..
공유/Node, NPM 2021. 8. 27. 19:36

[Node] Express 서버 만들기 - 1 / express, babel, nodemon

[Node] Express 서버 만들기 Express 서버를 만들어보고 시간이 된다면 DB 연결하여 CRUD까지 해보도록 하겠습니다. 이번 게시글에서 알아볼 내용은 express 서버 구현 방법, babel 셋팅, nodemone 셋팅 입니다. babel은 최신 자바스크립트 문법을 구식 자바스크립트 문법으로 변환을 해줍니다. 아래 게시글 참고하면 조금 더 상세히 보실 수 있습니다. [Node] babel이란? babel 설치 및 설정하는 방법 nodemon은 코드를 수정한 후 일일이 재실행하지 않고 자동으로 재실행을 해줍니다. 참고 : 게시글에는 중간 과정을 생략한 내용이 많이 있습니다. 예를 들어 babel 사용하기 전 코드를 보여주고 babel을 사용하면 어떻게 코드가 변하는지 등을 보여주진 않고, ..
공유/Node, NPM 2021. 8. 26. 21:19

[JavaScript] FormData 데이터 Json 데이터로 변경하기, Json 데이터 FormData 데이터로 변경하기

[JavaScript] FormData 데이터 Json 데이터로 변경하기, Json 데이터 FormData 데이터로 변경하기 http 요청을 하다 보면 body 데이터에 json을 넣을 때도 있고, form data를 넣을 때도 있고 등등 다른 데이터 자료를 넣을 때도 많이 있다. 필자의 경우는 form data에서 json, json에서 form data로 자료를 변환할 일이 있어서 이번 기회에 간단하게 정리해보았다. 변환 코드 Convert form data to json object const obj = { apple: "사과" }; const formData = new FormData(); Object.entries(obj).forEach(item => formData.append(item[0],..
공유/JavaScript, TypeScript 2021. 8. 25. 12:55