najongjine

    이제는 nodejs 에서 3 가지 스타일이 다 가능합니다   1. api 서버 방식 - 데이터를 json 으로 던져 주거나, 파일을 다운로드 가능하게 해줄때 쓰이는 방식. 예제는 typeorm.route.ts 2. ejs 로 렌더링 해주는 방식. 스프링의 jsp 라고 생각하시면 됩니다. 저같이 리엑트는 잘 못하고 jquery랑 쌩 쟈스붙여서 하는게 편하신 분들은 이걸 쓰시면 됩니다 예제는 basicCrud.route.ts 3. 리엑트를 사용하는 방식- 리엑트를 쓰고싶을때 쓰는 방식입니다. 이건 방법은 어렵지 않은데, 리엑트라는 프레임워크가 엮여버리기때문에 설명하기가 좀 애매합니다. 설명은 나~~~~~~~~중에 하기로 하도록 하고, 예제는app.ts 에 app.use(   '/react1',   express.static(`${configSettings.react_project1_path}/build`), ); 이걸 참조하시고, settings.ts 에서 react_project1_path 경로를 수정해 주시기 바랍니다. localhost:8080/reacttest 로 리엑트 접속 가능 4. rimraf 가 적용되고 start 스크립트가 변경되었습니다. 소스코드 파일 자체를 심하게 복붙하면 어쩌다가 의미불명하게 타입스크립트로 작성된 코드들이 js로 컴파일이 안되버리는 괴긔한 현상이 있었습니다. rimraf를 적용하여 npm run serve를 할시 예전 dist 폴더를 날리고 아예 새로 컴파일 하도록 변경하였습니다. npm run serve 에 nodemon을 적용하였습니다. 5. .env 를 사용할수는 있게 셋팅 했습니다

   sense doko... 와썹  Anata wa dokoni ita     오 비커스 아이 워스... 재밌는 컨텐츠를 못찾음...           재밌는 영상이나 이미지를 못찾아서 글 쓰는걸 미뤘음      오늘은 그냥 대체 영상 하나 보고 시작       다른사람이 일하는 회사는 DBA가 계시고 모델링을 수립한후 DB를 구성하겠지만 우리가 다니는 회사는 직원들이 다들 초상집에 와있는 분위기고 DBA는 안계시고 우리가 DB 설계에서 복구, 유지보수까지 다 하는 회사에 다니고 있고, DB 설계나 리모델링할 시간을 달라고하면 그걸 대체 왜 해야되냐고 오히려 우리한테 되물어볼 것이다. 어떻게 알았는가? 내가 다 봄     대체적으로 실무에서는 DB가 최소 20개에서 심하면 350개까지 임박하고  fk 관계까지 가면 관계망은 거미줄인데, 이미 개판으로 짜여져있는 DB에 ERD 하나 없이 그냥 실무투입하고 무조건 해달라는 회사들이 널렸다     이번에 알려줄것은 model generator라는 것이다 이것의 기능은 결론적으로 말하면 이미 만들어져 있는 테이블들을 코드로 그대로 구현해주는 것이다. nodejs가 제공하는 ORM은 닷넷 EF Core처럼 강력하지 않기때문에 그냥 테이블 설계는 툴로 마우스클릭으로 싹 하고 모델 제너레이터로 nodejs에서 조작할수 있는 코드만 설계하는것도 하나의 방법이 될수도 있다   참고로 model-generator를 개판으로 짜여져 있는 실무에선 써보지 않고, 그냥 필자의 토이프로젝트에서만 굴려봤으니 진짜 실무에서 적용하기전엔 테스트를 많이 해보고 사용하길 바란다.     프로젝트 경로에서 cmd창에(vs code는 ctrl+j) 이렇게 입력한다  typeorm-model-generator -h DB주소 -d 스키마이름 -p 포트번호 -u db계정이름 -x 비번 -e db종류 -o ./src --ssl 예: typeorm-model-generator -h 111.222.33.44 -d test3 -p 3306 -u admin -

  멀티 미디어는 상당한 골치거리다 저작권이란게 있는가하면 접근권한 부터 시작해서 저장소까지 고민해야할게 끊임없다 필자는 그냥 서버가 돌아가고있는 컴터기준 하드디스크에 업로드하는 예를 들겠다   클라우드 스토레이지를 쓴다면  로컬파일 업로드 기술-> 옵션 : 파일 전처리 -> 클라우드 업로드 -> 로컬파일 삭제   이런식으로 가면 된다      src/multure/imageUpload.ts     import   *   as   express   from   'express' ; const   multer   =   require ( 'multer' ); //path라는 변수는.. nodejs 기본 내장 라이브러리 path 라는걸 활용해 파일의 경로, 이름, 확장자 등을 알아낼 때 사용합니다. let   path   =   require ( 'path' ); //diskStorage라는 함수를 쓰면 업로드된 파일을 하드에 저장할 수 있습니다. memoryStorage라고 쓰시면 하드 말고 램에 저장할 수 있습니다 (휘발성) let   storage   =   multer . diskStorage ({    //destination : 업로드된 파일을 하드 어떤 경로에 저장할지 정하는 부분입니다. 알아서 정하십쇼    destination :   function  ( req :   express . Request ,  file :   any ,  cb :   any ) {      cb ( null ,  './public/image' );   },    //filename : 파일의 이름을 결정하는 부분입니다. 저장할 때 어떤 이름으로 저장할겁니까. file.originalname이라고 쓰면 그냥 원본 그대로라는 뜻입니다.    filename :   function  ( req :   express . Request ,  file :   any ,  cb :   any ) {     

  이래서 어느 세월에 컨트롤러, 서비스, 리포지토리, 메퍼, vo 구현해... 이거 무서워 nodejs 안해.... nodejs express는 crud 가 굉장히 간소하다  쿼리 돌려서 반환되는 객체 자체가 그냥 모델이다   crud에 사용하는 모듈을 typeorm을 선택하였다. 1. migration 작동됨(코드 -> 테이블) 2. model generator 작동됨(테이블 -> 코드) 3.직관적인 orm 문법 4. 쌩쿼리 지원함 참고로 필자는 쿼리빌더 예제와 쌩쿼리 예제로 보여주겠다    Postman 같은 툴로 method Post: localhost:8080/typeorm/users   이쪽으로 요청을 날리면 테이블에 테스트 데이터를 넣어줄것이다   typeorm은 3가지 스타일이 존재한다 완전 자바스크립트 문법을 따르는 orm, Query Builder 하는 sql 문 비슷하게 코드를 짜는 스타일, 쌩쿼리, 이 3가지 스타일로 crud를 다 소개해주는건 미친짓 같으니, 간략한 예제만 보고, 이걸 기반으로  https://typeorm.io/#/update-query-builder 이 공식문서 보면서 해야한다. 공식문서 그지같은건 팩트지만 어쩔수 없다 ㅜㅜ     /** src/Router/typeorm.route.ts */    let   mysql1 :   typeorm . Connection ; function   getTypeormMysqlInstance (    req :   express . Request ,    res :   express . Response ,    next :   express . NextFunction , ) {    mysql1   =   req . app . get ( 'mysql1' );    next (); } router . use ( getTypeormMysqlInstance ); app.ts 에서 db에 연결한 객체를 app.set("mysql",mysql)

  직접 소스코드를 제작하고, 그걸 그동시키는게 아닌, 이미 완성된 스켈레톤 코드에서 필요한것만 설명하겠다   여러분이 노드js로 실무 프로젝트를 만들때도 이 스켈레톤 프로젝트 복붙하고, 필요한 부분만 수정하거나 추가해가면서 하면 되는 것이다 src/entity/Post.ts   import  {    Entity ,    Column ,    PrimaryGeneratedColumn ,    ManyToOne ,    JoinColumn , }  from   'typeorm' ; import  {  User  }  from   './User' ; @ Entity () export   class   Post  {   @ PrimaryGeneratedColumn ()    id !:   number ;   @ Column ()    title !:   string ;   @ Column ()    text !:   string ;   @ Column ({  nullable :   true  })    test !:   string ;   @ Column ()    userId !:   number ;   @ ManyToOne (()  =>   User , ( user )  =>   user . posts , {      onDelete :   'CASCADE' ,      onUpdate :   'CASCADE' ,   })   @ JoinColumn ({  name :   'userId'  })    user !:   User ; }    -----------------------------------------------------------   src/entity/User.ts   import  {  Entity ,  Column ,  PrimaryGeneratedColumn ,  OneToMany  }  from   'typeorm' ; import  {  P