일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- nodejs
- 코틀린
- 랜덤번호
- 리액트
- JS
- JavaScript
- 오버라이딩
- 스프링부트
- array
- scrollview
- React
- Javscript
- 안드로이드
- 자바스크립트
- fragment
- TextView
- Linux
- stylesheet
- Kotlin
- GoogleMaps
- Android
- npm
- 랜덤넘버
- SpringBoot
- 구글맵스
- TypeScript
- RecyclerView
- Hook
- button
- Java
- Today
- Total
목록코딩 기록/JavaScript (26)
타닥타닥 개발자의 일상
app.js 파일에서 아래와 같은 코드로 mongoose와 mongodb 서버를 연결하려 했다.코드 출처: https://github.com/Colt/YelpCamp/blob/c12b6ca9576b48b579bc304f701ebb71d6f9879a/app.js#L7mongoose.connect('mongodb://localhost:27017/yelp-camp', { useNewUrlParser: true, useCreateIndex: true, useUnifiedTopology: true}); 그러니까 이런 오류가 나왔다.connection error: MongoServerSelectionError: connect ECONNREFUSED ::1:27017 at EventTarget...
1. MongoDB 를 윈도우에서 설치한다. https://www.youtube.com/watch?si=VdpwP_r8PRZJOupG&v=MCpbfYvvoPY&feature=youtu.be 위의 튜토리얼을 참고하면 되는데, 참고해야할 부분은 1. 몽고디비 인스톨시에 설정 2. 환경 변수 설정하고 몽고 디비 커맨드 환경에서 바로 호출 3. 커맨드 창에서 mongod 입력하고 서버 잘 구동되는지 확인 참고로 3번 부분에서 멋대로 커맨드창을 닫기 하면 안된다. ctrl+C를 통해서 안정적으로 서버를 종료한뒤 커맨드 창을 닫아야 한다. 이 절차 없이 커맨드 창을 닫았다가, 몽고가 비정상적 서버종료로 인식해서 프로그램에 lock을 거는 경우가 생긴다. lock이 걸리면 몽고 서버 자체에 연결 안되는 오류가 생겨서..
페이지의 기본 구조 1. 전체 댓글을 볼수 있는 목록 페이지 2. 전체 댓글목록에서 detail 클릭 클릭하면 넘어가는 특정 댓글 페이지 (댓글 수정 및 삭제 가능) 3. 특정 댓글 수정페이지 4.새로운 댓글 작성 페이지 이 페이지는 서버를 구동하기 위해서 express 패키지를 사용하였으며 템플릿으로는 ejs를 사용했다. 또한 유니크한 아이디를 만들기 위해서 uuid 패키지, 특정조건에서 Restful 명령어를 실행하기 위한 method-overide 패키지도 사용했다. package.json 파일 { "name": "reststudy", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Erro..
자바스크립트의 closure란 개념은 무엇일까? Mdn에서 clousre의 개념을 찾아보면 이렇다. A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time. 클로저(Closur..
함수를 사용할때는 보통 함수에 대입할 파라미터(매개변)를 넣는다. 파라미터를 넣어야지 본인이 얻고 싶은 값이 나오기 때문이다. 하지만 파라미터를 대입하지 않아도 기본적으로 출력되는 값을 설정할수 있다. 바로 함수의 default 값 설정을사용하면 된다. 아래의 createBooking 이란 함수를 보자, 'use strict'; const bookings = []; const createBooking = function ( flightNum, numPassengers = 1, price = 199 * numPassengers ) { const booking = { flightNum, numPassengers, price, }; console.log(booking); bookings.push(booking..
처음부터 정보를 형식에 맞춰서 받으면 정말 좋겠지만, 현실은 그렇지 않다. 보통은 어지럽게 혼합된 정보를 본인이 필터링하고 다듬어서 형식을 갖추게 한다음 고객에게 전달하곤한다. 예를 들어 항공편의 정보가 아래와 같이 전달되었다고 해보자 const flights = '_Delayed_Departure;fao93766109;txl2133758440;11:25+_Arrival;bru0943384722;fao93766109;11:45+_Delayed_Arrival;hel7439299980;fao93766109;12:05+_Departure;fao93766109;lis2323639855;12:30'; 지연 비행기와 도착시간등이 어지럽게 정보안에 섞여 있어서 한번에 알아보기 쉽지 않다. 해당 정보로 서비스를 하기 ..
언더바 표기법으로 작성된 변수의 이름을 카멜표기법으로 변환하는 프로그램을 만들어라 textarea에 입력된 내용은 버튼이 클릭되면 변환된다. 아래의 테스트 데이터를 textarea에 붙여넣고 한번에 변환한다. underscore_case first_name Some_Variable calculate_AGE delayed_departure 버튼을 누를시 아래처럼 변환 되어야한다. textarea에 입력된 내용, 클릭하는 버튼은 아래의 DOM 언어를 통해서 삽입된다. document.body.append(document.createElement('textarea')); document.body.append(document.createElement('button')); index.html Make Functi..
문자열을 활용할 수 있는 다양한 자바스크립트 메서드를 알아보자. 문자열을 기준문자 단위로 나눠주는 split 메서드 //split and join console.log('a+very+nice+string'.split('+')); //['a', 'very', 'nice', 'string'] console.log('Nomad Haven Heaven'.split(' '));//(3) ['Nomad', 'Haven', 'Heaven'] const [firstName, lastName] = 'Nomad Havenheaven'.split(' '); const newName =['Miss.',firstName, lastName.toUpperCase()].join(' ') console.log(newName); //M..
자바스크립트는 문자열을 편집하는 다양한 메서드를 제공한다. 해당 메서드는 무척 유용한 게 많아서 잘 알아두면 나중에 큰 도움이 될 것이다. 그렇다면 문자열 string 을 편집하는 메서드는 무엇이있는지 알아보자. 문자열을 대소문자로 변환하는 기능 const airline = 'TAP Air Portugal'; console.log(airline.toLowerCase()); //tap air portugal console.log(airline.toUpperCase()); //TAP AIR PORTUGAL console.log('nomad'.toUpperCase()); .toLowerCase() 메서드를 이용하면 문자열을 한번에 소문자로 바꾸는 게 가능하다 .toUpperCase() 메서드를 이용하면 문자열..
gameEnvets 라는 이름의 Map은 축구 경기동안 발생한 사건과 시간의 자료를 담은 자료구조이다. 첫번재 key 값은 경기 시작 이후 사건이 발생한 시간이며 두번재 value 값은 해당 시간에 발생한 사건이다. const gameEvents = new Map([ [17, '⚽ GOAL'], [36, '🔛 Substitution'], [47, '⚽ GOAL'], [61, '🔛 Substitution'], [64, '🟨 Yellow card'], [69, '🟥 Red card'], [70, '🔛 Substitution'], [72, '🔛 Substitution'], [76, '⚽ GOAL'], [80, '⚽ GOAL'], [92, '🟨 Yellow card'], ]); 해당 사항을 참고하여 아래의 문제..