분류 전체보기 269

React +Redux + ReduxTookit 툴킷이 답이다

리엑트로 SUPEMAN_CLIENT를 만들기전 VUEX처럼 스테이트 관리하는 법을 익히기 위해 만들어보는 중이였다 일단 Redux는 VUEX에 비하면 좀 어려웠다 강의를 잘못선택한 점도 있었다 그래서 https://www.youtube.com/watch?v=QZcYz2NrDIs 갓 코딩애플 보고 역시 쉽게 알려주네 하고 이해했다 근데 제일 이해가 안갔던점이 reducer구분을 안하고 action.type같으면 다 수정되 어버린다 그래서 action.type도 매번 안겹치게 만들고 코드 양도 많아진다 예시 export default function reducer2(state=weight,action) { if(action.type==='plus'){ state++; return state; }else if..

React+Redux 2022.09.06

EC2+Springboot+Amazon ElastiCache(redis)

ec2에 잘 올렸는데 Error in execution; nested exception is io.lettuce.core.RedisCommandExecutionException: MOVED 8050 아이피:6379 이런 에러가 발생했다 그래서 https://eblo.tistory.com/146 RedisCommandExecutionException: MOVED Error 처리 로컬에서 잘 작동하던 것이 AWS Redis로 변경하고 아래와 같은 메시지가 발생하였습니다. Error in execution; nested exception is io.lettuce.core.RedisCommandExecutionException: MOVED 13863 **.**.**.**:63.. eblo.tistory.com ..

aws/EC2 2022.09.01

유튜브 클론코딩하기(css만 레이아웃 위주)

https://www.youtube.com/watch?v=67stn7Pu7s4&t=144s https://github.com/novb1492/study-css/blob/youtube/1.html GitHub - novb1492/study-css Contribute to novb1492/study-css development by creating an account on GitHub. github.com 글꼴/색보다는 레이아웃 위주로 완성했다 예전에 학원에서 javafx할때 레이아웃에 대해 배웠는데 그때는 이거 왜 배움? 생각 했지만 먼 훗날 쓸날이 있겠지 했다 그리고 한참 까먹고 있다 html css로 레이아웃 잡는데 큰도움이 되었다

Css 2022.08.29

첫 반응형 네비바만들기

Responsive Web-------------------------------- https://www.youtube.com/watch?v=8-uJ_4136uI flex grid/flext box/%/vw/vh/@meida활용 https://www.youtube.com/watch?v=X91jsJyZofw 반응형 네비바 만들어보기 새로배운점 1.ul태그 역시 flex로 제어하는게 좋다 2.justify-content사용시 각 박스 헷갈리는거 조심 ex) -가로가 줄어들시 nav 속성이 컬럼으로 바뀜 하지만 .links클래스의 속성은 row그대로임 이떄 중앙 정렬을 사용하려면 중심축을 건든는 justify-content를 사용해야함 처음에 헷갈려서 반대축 건드는 align-items사용 https://gi..

Css 2022.08.28

flex-box

flex-box-------------------------------------------- https://www.youtube.com/watch?v=7neASrWEFEM&t=1161s 박스와 아이템들을 행그리고 열로 자유자재로 배치가능 컨테이너 속성값 display flex-~ justify-content align-~ 등 아이템 속성값 flex-~ order align-self 등 중심축 반대축 존재 좌에서우로 정렬시 수평축이 중심축 위에서아래로 정렬시 수직축이 중심축 컨테이너 속성값 flex-direction -row -중심축 수평축 -기본값 row 왼->오 -row-reverse 오->왼 순서도 바뀜 -column -중심축 수직 -기본값 위->아래 -column-reverse 아래->위 순서도 ..

Css 2022.08.26

EC2 FileZila 연동하기

https://devlog-wjdrbs96.tistory.com/408 [Spring] Spring Boot jar 파일을 AWS EC2에 배포하는 법 Spring Boot EC2에서 배포하는 법 이번 글에서는 Spring Boot jar 파일을 AWS EC2 에서 배포하는 법에 대해서 정리해보겠습니다. 지금은 많이 경험해보았기 때문에 많이 익숙하지만, 스프링을 처음 다루어 devlog-wjdrbs96.tistory.com 이글을 따라하면된다 여기서 잠깐 사용자는 https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/managing-users.html Amazon Linux 인스턴스에서 사용자 계정 관리 - Amazon Elastic Compute Clo..

aws/EC2 2022.08.25

Springboot 구글 메일 전송 하기 (5월30일 이후)

5월 30일 이후 기존에 사용하던 방법이 막혀서 좀 찾았다 이글 처럼 설정을 하고 https://velog.io/@max9106/Spring-Boot-Gmail-SMTP-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0%EB%A9%94%EC%9D%BC%EB%B3%B4%EB%82%B4%EA%B8%B0 [Spring Boot] Gmail SMTP 사용하기(메일보내기) Gmail SMTP를 사용하기 위해서는 https://myaccount.google.com/security 링크로 접속하여 2단계 인증을 ON으로 해주어야한다.그 후 바로 아래의 앱 비밀번호를 생성해주면 된다.그러면 기기용 앱 비밀번호가 velog.io imap를 사용 해준다 결과 잘온다 spring.mail.properties..

Springboot 2022.08.25

vue ec2 베포중 unknown disableHostCheck 에러

https://github.com/webpack/webpack-dev-server/issues/4142 options has an unknown property 'disableHostCheck'. · Issue #4142 · webpack/webpack-dev-server Bug report Actual Behavior devServer: { port: 3001, disableHostCheck: true, headers:{'Access-Control-Allow-Origin':'*'} }, Expected Behavior don't have error How Do We Reproduce... github.com 위글을 보고 해결했다 정확히 같은 오류 였다 disableHostCheck: true, => a..

Vue/vue3+vuex 2022.08.25

display and position

강의 https://www.youtube.com/watch?v=jWh3IbgMUPI display-------------------------------------------- div=블럭레벨 span=인라인레벨 레벨에 따라 기본값이 다르다 그걸 display로 컨트롤한다 block=한줄에 하나씩 inline-block=한줄에 여러개 inline=내용이 있어야나옴 사용시 안의 내용에 물건의 크기에 따라 움직임 position-------------------------------------------- 포지션은 기본값이 static static=왼쪽위가 기준 relative=원래 자리에서 상대적이동 absolute=담겨있는 상자 기준으로 이동 fixed=상자에서 나와서 윈도우에서 움직임 sticky=스크..

Css 2022.08.24