본문 바로가기

전체 글182

[django] 오류 HINT: Add or change a related_name argument to the definition for 프로젝트 단위의 settings.py 에 AUTH_USER_MODEL = 'APPNAME.User' 추가해주자 -> 우리의 디폴트 모델은 이 녀석이라고 말해주는 것 2022. 8. 16.
[MySQL] 기본 설정 + django와 서버 연결하기 1. 먼저 MySQL 설치가 필요하다 설치는 이 블로그를 참조하였다 https://ansan-survivor.tistory.com/1130 코딩 관련 UI를 다운로드할 때 익숙하다면 잘 알겠지만, 설치도 하나하나 잘 비교해가면서 해보자! 2. 먼저 설치를 성공했을 때의 SQL Workbench 화면이다 3. 이제 mySQL를 실행할 .cmd 창(sql 명령어로 프롬프트에서 실행하고 통제) 과 장고 화면을 띄어주세요 - workbench를 설치만 했다면, user가 없을 것이고, 유저 없이 장고를 실행하게 되면, (유저가 있는데도 오류가 뜨면 비밀번호를 확인해보자) django.db.utils.OperationalError: (1045, "Access denied for user ''@'localhost'.. 2022. 8. 14.
[React 개발일지] map 함수와 obj html 랜더링 문제 상황: json 객체로 object를 부모로부터 Context로 받았고, 이 object 를 원하는 html 구조로 랜더링! 문제 포인트 ● object 데이터를 어떻게 가공할 것인지 ● html 랜더링은 어떻게? ● object의 길이가 각각 다를텐데 그럼 어떻게 랜더링? 하나하나 해결해보자 1. object 와 html id, name, time, player, level 이렇게 구분되어 있는 object useContext로 받아오고,( 구체적인 import 와 전체 코드들은 깃 참조) 내가 사용하고 있는 컴포넌트 밖에, 하나의 컴포넌트를 더 만들었다(동일한 페이지) 컴포넌트는 match라는 props를 받아올 것이고, return 을 html 태그들로 해준다! 그럼 우리가 사용하고자 하는 진.. 2022. 8. 9.
[React 개발일지] Can't solve axios 오류 1. axios 가 install 되어 있는지 확인 npm install axios 2. import 되어 있는지 확인 import axios from 'axios' 2022. 8. 8.
[React 개발일지] 버튼에 맞게 서로 다른 컴포넌트를 로딩해보자! 현 상황: 버튼에 따라 서로 다른 컴포넌트를 랜더링 하고 싶다 Hitstory 컴포넌트와 Record 컴포넌트 중 버튼으로 컨트롤하여 다른 컴포넌트와 내용을 보여주고 싶을 때, 1. state + onClick 디폰트 state를 설정해두고, 디폴트는 Record 고, 버튼을 누르면 state 값이 false로 바뀌게 되면서 History를 로딩 할 것으로 설계했다 2. boolean false, true 값을 바탕으로 서로 다른 컴포넌트를 랜더링한다 2022. 8. 6.
[React 개발일지] object x개가 있는데 각자의 id에 맞게 x개의 object 중 원하는 정보 랜더링 하기 (undefined 해결법) 현 상황: object 더미 리스트를 만들었고, object에는 각각의 id에 맞게 서로 다른 정보가 담겨 있었다 ex) {id:1, name: jeong, age:22, position:cm } 이런 데이터가 id 2 3 같은 형식으로 존재 목적: pages/id 에서 id에 맞게 각 id의 정보를 랜더링 해주고 싶었다. (players/1 이면 jeong, 22 ,. ..... players/2면 valverde, 25, .... 이런식으로) 먼저 useEffect를 활용해서 입력받은 Context.Provider로부터 받아온 userData의 조건에 따라 target id를 찾았다 id= useParams 를 통해서 파싱했다 https://github.com/JeongYujae/Kick_With_M.. 2022. 8. 4.
[Node JS] ERROR [MongooseModule] Unable to connect to the database 에러 해결 ▶ Mongoose 모듈에서 자꾸 오류가 나서 Mongoose install + code 를 모두 확인했는데.. ▶ MongoDB Atals 네그퉈크에서 해결 가능했다(IP 등록을 안했다) 네트워크 IP 주소를 추가해야했다... 다른 IP 주소에서 사용하려고 해서... DB 오류가 생기는 것이었다 2022. 8. 2.
[Node JS] NestJs Part 6 [interceptor, filter] 1. filter 예외 처리( ex) 에러), 예외를 filltering 할 수 있다 filter.ts 파일을 따로 만들어준다 - filter 파일 ● 에러를 만났을 때, 원하는 형식을 지켜서 response를 filter 해준다 controller 파일 당연히 import를 해줘야하고 class 밑의 함수들에 각각 달아줘도 되지만, 사진처럼 전역에 넣어줘도 잘 작동한다! @ 문법으로 controller 파일에서 사용해주면 된다 - app.ts 필터를 app 전역에도 설정해줄 수 있다 -> response type을 JSON, string, 등 원하는 결과로 return 해 줄 수 있다! 2. Interceptor 모듈성을 증가시키 위한 패더다임에 영향을 받아서 생긴 기능 각각의 컨트롤러들의 공통적인 기.. 2022. 7. 29.
[Node JS] NestJs Part 5 [Module, Middleware 만들기] ------- Module ------- 1. Module 만들기 nest g mo 이름 2. controller 만들기 nest g co 이름 3. Service 만들기 nest g service 이름 Module 추가 설명 1. 이렇게 만든 각각의 모듈들이 폴더로 각각의 controller와 service를 가지게 되고, 레고 블록 처럼 합쳐서 app module 로 합쳐져 있는 구조다 2. module 파일 안에서 exports:로 service를 export 하면 app module에서 providers에 추가하지 않고 바로 쓸 수 가 있다 (캡슐화 되어 있기 때문에..) ------- Middleware ------ 1. middleware 만들기 nest g middleware 이름 app.m.. 2022. 7. 28.
[Node JS] NestJs Part 4 [Nest Js의 로직 구조] → 공식문서 참조하기! (install 부분) ☞https://docs.nestjs.com/ → 장식자 문법 사용 가능 ( import { Body, Controller, Get, Param, Req } from '@nestjs/common'; ) express 에서는 const body= 나 param 으로 정의해주었다면, nest에서는 @ 문법을 활용하여 @로 받아줄 수 있다! - 구조 - controller: 소비자 provider: 공급자 nest는 모듈로 되어 있으니, 모듈이 중심 => 소비자와 공급자의 로직을 확실히 구별한 것이 장점 (구어체 ver.) appService는 제품이다. app.service에서 제품을 만든다 @Injectable() 로 제품을 보낼 준비를 한다 (택배 운송장 같.. 2022. 7. 28.
[Node JS] MongoDB Part 3 [몽고디비 기본설정 + 구축] ▶ mongodb 설치 ▶ account 만들고 ▶ip 개발할때는 모두에게 공개, 배포할 때는 서버의 IP를 작성하기 ▶ Database 가서 connect using MongoDB Compass ▶ Compass 운영체제에 맞게 설치하기 ▶ connection string 패스워드 쳐서 입력하기 2022. 7. 28.
[Node JS] 간단한 기본정리 Part 2 [데이터 CRUD] 1. READ - DB로 부터 모든 정보를 조회하기 (Player 구성은 json 요소로, 구체적인 정보를 위해서는 전 포스트를 방문해주세요) 실제 DB로부터 정보를 읽어올 때는 오류가 날 수 있기 때문에, try & catch 문을 사용했다. ◆200번대 응답 -> 성공, 400번대 응답 -> 실패 - DB로 부터 특정 정보를 조회하기 요청의 params로부터 id를 불러오고, (console에는 확인차 찍었다) id 와 같은 player를 json 객체로부터 찾아주고 return 해준다 그리고 그 값을 return 해서 보여준다 2. CREATE -> JSON 객체를 프론트로부터 받을 떄, 이를 읽어다 줄 수 있는 middleware 가 필요하다 express에서 제공하는 미들웨어 사용! postma.. 2022. 7. 28.

티스토리툴바