[TIL] 1203

---

Today I Learnt 

1203

 

1. [V ] integrate with naver api + google rss

2. [V ] Esleant 적용시키기 + apllo configuration  찾아보기

3. [X ] 파일 이름 정리 및   google / naver 나누기

4. [ V ] Instargram API 뜯어보기

5. [ ] 테스팅 및 예외처리 

 

일단 저번에 회의때나온 부분에 대해서 변경을 하기로 했다. 변수명과 var  , 파일명 등을 모두 통일성 있게 바꾸고 

 Esleant까지 설정을 맞쳤다. 

이렇게 보니 좀 더 가독성 좋고 깔끔한 코드가 되어 맘에 든다.  

 

 

Esleant 설치 및 설정 :

https://kavoom2.github.io/node.js/Eslint/

ESLint 설치와 사용법

한참이나  eslint , prettier세팅들을 여기저기 막 뒤지다가 그냥 내가 일단 필요한 것부터 적용하는 걸로 했다.

 

세 가지 를 고치고 싶은데

1.  require not defined 뜨는 거

2. ; 콜론 자동으로 붙는 거

3.   unused variable 뜨는 거 

 

왜 나는 매번 세팅할 때 다른 사람들 꺼 따라 하는데 왜 똑같이 안됄까? 

그냥 공식문서 보고하는 게 속 편한듯인제... 

 

eslint.js

env에  node와

rules에 semi를 일단 줬다

 

 

module.exports = {
    "env": {
        "browser": true,
        "es2021": true,
        "node": true   // require is not defined 

    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 13,
        "sourceType": "module"
    },
    "rules": {
    	'no-unused-vars': 'off',
        "semi": [2, "always"]  // semicolone 
    }
};

setting.json

뭐가 이렇게 많은지 하나하나 모르지만 그냥 일단 추가하라는 거 추가했음. 

언젠간 모두 이해하겠지... 오늘은 아니야 힘들어

{
       

    "terminal.integrated.inheritEnv": false,
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
    },
    "editor.formatOnSave": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "explorer.confirmDragAndDrop": false,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "explorer.confirmDelete": false,
    "git.autofetch": true,
    "debug.onTaskErrors": "debugAnyway",
    "python.pythonPath": "/usr/bin/python3",
    "jupyter.sendSelectionToInteractiveWindow": true,
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter.notebook.ipynb"
    },
    "workbench.colorTheme": "Winter is Coming (Dark Black)",
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "window.zoomLevel": 2,
    "workbench.iconTheme": "material-icon-theme",
    "cSpell.userWords": [
        "fghjkl",
        "middlewares"
    ],
    
    "editor.minimap.enabled": false,
    "[css]": {

        "editor.suggest.insertMode": "replace"
    },

}

https://eslint.org/docs/rules/no-unused-vars

no-unused-vars - Rules

 

apollo-eslint

https://the-guild.dev/blog/introducing-graphql-eslint

Introducing GraphQL-ESLint! - The Guild Blog

 

그리고 instagram scrapper npm package를 테스트해보았는데, 

현재 인스타그램에서 공식 개발자 문서에는 허락(?)을 맡지 않은 app/service는 다른 사람의  인스타 정보 등을 확인할 수 없어서 자신의 계정 정보만 찾아볼 수 있는데, npm package 중에  그냥 scrappe 해서 정보를 가져오는 라이브러리를 사용해보았다. 

 

나도 언젠가는 npm library를 만들 수 있지 않을까 하고 생각하고 있지만 , 이 해당 라이브러리가 어떻게 작동하는지는 한 번 더 꼼꼼히 까 봐야 할 것 같다. 

 

https://www.npmjs.com/package/scraper-instagram

scraper-instagram

 

상현이형이 고기를사줬다! 

코로나때문에 무서워서 밖에도안나가는데 오랫만에 만나서 맛있는것도 먹고 채찍질도 많이 당하고왔다.

언제 들어도 멋있는 개발자 +  최고의 근무환경 코드브릭이 부럽다. 

만날때마다 자극되고 옆에 두고 성장하는모습보면서 같이 성장하고싶은 사람이다.