IT & Tech

* hover: 공중부양하다.

* split: divide, seperate, split 차이이해하기

javascript에서 email.split('@')로 string자르는데 씀

https://en.wikipedia.org/wiki/List_of_Unicode_characters

https://dschci.tistory.com/55

Spring-boot 실행후 http://localhost:8080/h2-console 로 접속가능

H2 DB는 웹브라우저의 local storage같은 걸 사용하는 듯 한번 저장된 데이터가 계속 캐쉬됨, DB URL, user가 바껴도 계속 캐쉬됨

https://developerhive.tistory.com/34

Map: Array를 다른 Array로 변환

매개변수는 순서대로 currentValue[, index[, array]]인듯

매개변수 이름을 중요하지 않고 순서만 중요한듯... 헷갈리는 개념!!! 알아두자!!!

참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

개발순서

1. prop로 변수와 함수를 받을 애를 먼저 개발
2. 변수-action, 함수-reducer -> action과 reducer를 정의함
3. store 생성
4. container에서 connect
   • const CounterContainer = connect( mapStateToProps, mapDispatchToProps )(Counter);
   • mapStateToProps
   • mapDispatchToProps

Provider: react-redux 라이브러리에 내장되어있는, 리액트 앱에 store 를 손쉽게 연동 할 수 있도록 도와주는 컴포넌트

해당 프로젝트에서 redux, react-redux를 쓰려면 그 프로젝트 내부에서 yarn add redux react-redux 실행해서 항상 설치해줘야 함 안그럼 yarn start하면 못찾는다고 에러남

state, action이 있음 - SA

state는 action에 따라 변화함, state가 action에 따라 어떻게 변화는지를 정의한 함수가 reducer

이전 state, action -> (REDUCER) -> 바뀐 state

reducer함수는 state, action을 parameter로 받음

// 스토어를 만들 땐 createStore 에 리듀서 함수를 넣어서 호출 

• const { createStore } = Redux;
• const store = createStore(reducer);
• store를 만들고나면 store.getState()로 state를 가져올수 있음
• store.subscribe(render); //store를 구독할 때는 변화할때마다 실행된 listener(render)를 지정함
• btnIncrement.addEventListener('click', () => { store.dispatch(increment(25)); })//action 객체를 리턴함으로 action에 따라 state가 변하게 함
• store.dispatch -> action 리턴 -> action에 따라 state변함 -> state변화면 화면도 바뀜

Ducks구조

• src/actions/ActionTypes, index.js 이렇게 분리하지 않고 src/modules/index.js안에 통합

redux-action

• createAction: Action 객체 리턴하는 부분을 간략화
• handleAtions: reducer함수가 switch로 사용되어 각 액션에 따른 동작을 정의하는데 제한이 있는 문제를 해결

use mysql; or use information_schema; 실행후에는 매번 mysql./information_schema.안붙여도됨

• user account
  
  • select * from mysql.user;
    • 여기에 insert하는 것과 create user하는 것이 동일한 효과인듯 (create user하면 insert되어 있음)
• 권한
  • select * from mysql.db; schema/host/user별 권한확인가능
    • 여기에 insert하는 것과 grant () on () to () 하는 것과는 다른듯ㅠ
    • grant ()가 막혀있고 실행되지 않아 insert해보니 insert는 되지만 실제 권한은 못받음
    • show grants (for current user) 명령어로 현재 user에게 허용된  grant문 전체를 볼수는 있음
  • select * from information_schema.USER_PRIVILEGES;
    • 위의 mysql.db와 동일한데 각 권한을 row별로 나열로해 놓은듯?
• Table
  • select * from infomation_schema.tables -> information_schema의 테이블뿐 아니라 모든 테이블 확인가능
  • show tables; -> 현재 schema에 있는 테이블 목록만 보여줌
• Event
  • event scheduler 활성화
    • 활성화 확인: show variables like 'event%';  -> ON이면 활성화된것
    • 활성화시키는법: set global event_scheduler=ON; / set @@global.event_scheduler=ON;
  • read
    • 생성된 event확인: select * from information_schema.EVENTS; / show EVENTS;
      • e.g) select * from information_schema.events where event_name='EV_SP_IB_CONF_FILE'
    • 등록된 event내용확인: show create event '이벤트명'; -> ?안됨
  • update
    • alter event '이벤트명' on schedule every 1 month starts '2014-05-27 01:00:00';
  • delete
    • drop event '이벤트명';

• tracking 중인 file ignore하기
  • git update-index --skip-worktree <ignore하려는 파일, example:src/main/resources>
  • git update-index --assume-unchanged <ignore하려는 파일>
  • --skip-worktree와 --assume-unchanged의 차이 설명함
    https://hashrocket.com/blog/posts/ignore-specific-file-changes-only-on-current-machine-in-git
  • 각각 취소하려면
    • git update-index --no-skip-worktree <ignore하려는 파일>
    • git update-index --no-assume-unchanged <ignore하려는 파일>
    • 제대로 명령어가 된건지 확인하려면 git ls-files -v 로 파일의 상태 확인가능
      • H: cached
      • S: skip-worktree
      • M: unmerged
      • R: removed/deleted
      • C: modified/changed
      • K: to be killed
      • ?: other
        git ls-files 자세한 사용법 https://mirrors.edge.kernel.org/pub/software/scm/git/docs/git-ls-files.html
• git ignore하는 방법들
  • gitignore에 추가: push해서 다른 애들도 같이 적용해야하는듯
  • .git/info/exclue: push안하고 local에서만 적용가능, but 이미 tracking된 file은 안되는듯
  • git global설정 변경
  • 아래 링크에 설명있음
    https://docs.microsoft.com/en-us/azure/devops/repos/git/ignore-files?view=azure-devops&tabs=visual-studio
  • git exclude SOME_FILE 이런 명령어도 있다고 하는데 해보진 않았음

• 페이스북에서 사용자 경험을 향상하기 위해 만든 라이브러리
• 프레임워크가 아님 -> 사용자 인터페이스 라이브러리
  • framework과 library의 차이는? 프레임웤이라고 할 정도면 프로그램의 흐름의 주도권이 프레임웤에 있어서 기본 구조가 모두 구성되어 있고 개발자는 필요한 기능 구현에만 초점을 맞출 수 있도록 하는 수준이 되는 것...? 일반적으로 프레임웤>라이브러리 로 규모가 더 큰 걸 의미함, 근데 어디까지는 프레임웤이고 그 아래는 라이브러리다라고 무자르듯 구분하기 쉽지 않음
• HTTP 클라이언트, 라우터, 심화적 상태 관리 등의 기능들은 내장되어있지 않음 -> view단에 집중
  • 라우터: React-router, Next.js, After.js
  • 상태관리: Redux, MobX, fr(e)actal 
• virtual DOM을 사용한 성능향상 (Vue, Marko, Maquette, Mithril도 virtual DOM사용)
  • virtual DOM에 대한 자세한 설명 https://velopert.com/3236
  • 브라우저와 렌더링 엔진(크롬, 사파리는 웹킷, 파이어폭스는 게코라는 렌더링 엔진 사용)에 대해 좀 알아야 깊이 이해할 수 있음, 나중에 더 공부하는 걸로...
• 단방향 데이터 바인딩
• component를 사용한 생산성 증가 -> JSX 문법 사용
  • html, xml형태로 리턴하여 컴포넌트화, 실제로는 html이 아니라 이게 다 javascript 엄청나게 장황한 긴 코드로 변환이 됨 -> 바벨에 의해 React.createElement('div',...)로 바뀜
  • https://ko.reactjs.org/docs/introducing-jsx.html
  • jsx 사용법, jsx를 이용한 조건부 렌더링: https://velopert.com/3626

특정한 조건에서만 notNull처리하도록 하기 @Validated, group 이용

https://okky.kr/article/395164 http://hungry-developer.blogspot.com/2014/06/spring-validated.html

array valid안되는 문제

https://stackoverflow.com/questions/28150405/validation-of-a-list-of-objects-in-spring

validation 내용잘정리됨

https://medium.com/@gaemi/java-%EC%99%80-spring-%EC%9D%98-validation-b5191a113f5c

• exclude: 화면 혹은 검색결과에서 원치않는 파일 안나오도록

    "files.exclude": {

        "**/yarn.lock": true,

        "**/package-lock.json": true,

    },

    "search.exclude": {

        "**/node_modules": true,

        "**/yarn.lock": true,

    },

• Zoom in/out
  • "window.zoomLevel": 0 -> 0이 기본, 늘일수록 커짐, 10이면 너무커서난리남
  • "editor.mouseWeelZoom": true, mouseWeel로 조정가능한데 사이드바 메뉴 외에 딱 에디터화면만 조절됨
• Coding convention
  • ctrl + shift + p > Preferences: Open Settings (JSON) 입력후 아래내용 추가하고 저장

 "[java]": {
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.formatOnSave": true
    },
    "java.format.settings.url": "https://raw.githubusercontent.com/google/styleguide/gh-pages/eclipse-java-google-style.xml",
    "java.format.settings.profile": "GoogleStyle"

• Terminal Clear하는 방법: ctrl+shift+p > Terminal: Clear 입력
• ctrl+shift+p > Markdown: open preview
• 여러 종류의 terminal shell 이용
  • shell launcher 확장프로그램 설치
  • setting.json에 사용할 shell 추가
  • 단축키로 shell launcher 실행등록 (자세한 건 잘 모르겠지만 일단 단축키 shift+ctrl+t 하니까 작동함)
  • https://ksshim86.github.io/etc/post-etc-vscode-terminal-tip/
• 추천 Extension
  • gitLens: 누가 언제 이 파일 수정했는지 알려주고 별도 사이드바 창에서 각종 상태 쉽게 알수 있음
  • gitHistory: history 쉽게 보여준다는데 실행해도 반응없었음, 해결안되서 못씀

PC cleansing 후 이상현상 trouble shooting

• Cloud 환경 사용을 위해 PC cleansing 한후 vsCode를 D drive에 설치하니 lombok에러 나고 뭔가 vsCode동작이 이상했음
• ctrl + shift + p > Preferences: Open Settings (JSON) 를 했을 때 기존 setting json 내용도 없었음
• vsCode 설치파일 재실행하니 해결되었음

2019/10/07 java build가 안되며 java dependenccies도 나오지 않고 작동이 안됨, Problems에도 내용안뜸

• 껐다 키면 sorry something went wrong activating intellicode support for java 에러박스 나옴
• vs intellicode, java extension pack등 java관련 extension 다 uninstall했다 reinstall해도 해결되지 않음
• 결국 vsCode 1.38.1로 업데이트하니 해결됨
• queryDSL 관련 auto-generated source도 인식안되어 확인해보니 .classpath에 추가한 부분이 지워져있음
• .classpath에 다시 추가하여 결국 다 해결함. 힘들다;;;

2019/10/14 window login에러로 포맷후 vsCode 재설치후 lombok인식안되고 get/set 인식안됨으로 인한 대규모 에러

• pom.xml 내의 에 빨간부분 추가하니 해결됨 https://hwanud.wordpress.com/category/computer/vscode/
•  
• <java.version>1.8</java.version>
• <m2e.apt.activation>disabled</m2e.apt.activation>
•