분류 전체보기
-
React 기본 : React Webpack 기본설정하기(2)와 Module 시스템 이해하기컴퓨터 알아가기/React 2021. 7. 16. 19:30
본 강의는 ZeroCho TV의 무료강의를 기본으로 하고 있습니다. 지난시간에는 React를 사용하는데 있어서 webpack의 가장 기본적인 틀을 공부해 보있습니다. 즉, 대부분의 React에서 사용하는 create-react-app 자동기능을 수동으로 하나씩 세팅해 나가면서 React webpack에 대한 기본개념을 잡고 있습니다. 오늘은 좀 더 구체적으로 설정을 해 보도록 하겠습니다. 아래는 npm으로 설치를 한 기본구조였습니다. ▶ client.jsx에 ReactDom 렌더링 선언 React와 ReactDom을 불러온 client.jsx에 Component 렌더링 정의를 다음과 같이 합니다. 구구단 작성시 html에서와 비슷한 모습을 하고 있습니다. 이제부터는 필요한 파일을 만들면서 연관된 파일들끼..
-
React 기본 : React Web-pack 기본 설정하기컴퓨터 알아가기/React 2021. 7. 15. 19:30
본 내역은 ZeoCho TV의 무료웹강의를 기본으로 하고 있습니다. 드디어 Web-pack이라는 개념까지 와버렸네요. 아직 느낌은 React 1도 모르겠는데 말입니다. 아주 기본적인 개념은 지금까지 연습한 React는 Component 1개를 가지고 연습을 했으나 실제적으로 활용되는 Component의 개수는 표현할 수 없을 정도로 많다고 합니다. Facebook 자체가 2만개 이상의 Component로 이루어졌다고 하니 말입니다. 이럴경우 코딩상에서 전부 Component를 정의하고 관리하고자 하면 불가능에 가까울 수 밖에 없겠죠? 이러한 비효율적 코딩작업을 방지하기 위해 개발된 것이 웹팩(Web-pack)이라는 개념입니다. 즉, 하나의 Package로 프로그래밍을 지원하는 개념인거죠. 이러한 웹팩을 ..
-
국민건강보험 지역가입자의 건강보험료 기준몰상식 (몰라도 되는 상식) 2021. 7. 13. 19:30
전국민의 의료보장제도를 위해 흔히 말하는 의료보험이 국민건강보험입니다. 국민건강보험은 사업장의 근로자와 소득이 없는 피부양자를 위한 직장가입자와 이를 제외한 지역가입자로 나뉘어집니다. 직장을 그만 둔 후 이직하기 전까지는 지역가입자로 자동전환됩니다. 어떻게 보면 사회복지라제도라고는 하지만 직장가입자였을 경우 많이 낸 건강보험료를 계산하여 지역가입자로 전환되었을 경우 해당상황에따라 유예기간을 준다면 형평성에 좀 더 맞지않을까하는 생각이 드네요. 2021년 기준 어떤 기준으로 지역가입자에게 부과되는지 살펴보고 개인에게 부과되는 보험료가 얼마정도 되는지 이해해 보도록 하겠습니다. ▒ 건강보험료 부과개념 가입자의 소득, 재산(자동차 포함)을 참작하여 정한 부과요소별 점수를 합산한 보험료 부과점수에 점수당 금액(..
-
React 기본 : React Hooks로 구구단 만들기컴퓨터 알아가기/React 2021. 7. 12. 19:30
본 Summary는 ZeoCho TV 무료 웹강의를 기본으로 정리한 내역입니다. Class형으로 만들어진 구구단과 Hooks로 만들어진 구구단의 코딩 내역을 보면서 두 코딩간의 차이점과 장단점을 보고자 합니다. 지난시간 Hooks를 사용하기 위해 함수형 Component 형태로 다음과 같이 state를 구성하였습니다. 상기 그림을 다시 설명하면 함수형 Component의 이름은 GuGu로 하고 각각의 객체를 별도로 정의하였습니다. 브라우저로 확인을 하면 첫번째와 두번째수가 랜덤하게 화면에 표시되며 Value와 Result는 공백으로 화면에 표시되지 않습니다. 한번에 객체러 묶은 setState가 없어지고 각각 분리하여 setFirst, setSecond등으로 나뉘어져 있습니다. 이제부터 return( )..
-
이직확인서 확인 방법 : 고용노동부 모바일앱 활용몰상식 (몰라도 되는 상식) 2021. 7. 9. 19:30
직장생활을 하다보면 여러가지 사유로 직장을 옮기는 경우가 있습니다. 혹은 직장을 옮기는 시기와 맞지않고 구직활동을 해야하는 경우도 있습니다. 이럴경우 정부에서는 그동안 직장생활을 하면서 급여에서 미리 지급한 고용보험을 통해 새로운 직장을 찾을때까지 기본 생활비를 지급해주는 실업급여제도를 시행하고 있습니다. 오늘은 실업급여를 받기위한 가장 기본적인 조건인 이직확인서에 대해 확인해 보고자 합니다. 이직확인서는 기존에 다니던 직장에서 고용노동부로 퇴사사유와 함께 신고를 해야합니다. 일반적으로 실업급여를 받기위한 퇴사사유는 회사경영 악화에 따른 이직확인 및 권고사직으로 분류되는데 근로자 본인의 의지와 상관없이 이직을 하기 위한 사유로 실업급여를 지원하고 있습니다. (물론, 자발적 퇴사에 대하여도 실업급여 신청이..
-
스마트키 배터리 교체몰상식 (몰라도 되는 상식) 2021. 7. 7. 19:30
요즘은 많은 차들이 스마트키를 사용합니다. 주머니에 키를 넣은채로 시동을 걸고 끄고 할 수도 있고 참 많이 편리해 졌습니다. 편리해지는데는 약간의 생각지 못한 부작용도 있습니다. 시동을 끄지 않고 차에서 내리게 되더라도 시동이 자동으로 꺼지지 않기때문에 밤새 시동이 켜있는 경우도 생길 수 있습니다. 요즘 IT기술을 탑재한 자동차는 집에서 시동을 끄거나 켤 수 있어서 좀 더 안전해 지긴 했지만 아직도 대부분의 스마트키를 사용하는 차량은 차량과 일정거리에서 차량 문 개폐 및 시동 등을 조작할 수밖에 없습니다. 게다가 스마트키도 리튬배터리로 사용하는 거라 건전지를 교체해 줄 시기가 있습니다. 물론 전혀 자동차와 친하지 않으신 분들은 정비소를 방문해서 배터리 교환을 하는데 시간적 손해와 약간의 비용적 손해도 있..
-
Pass 인증서 발급받는 방법 (KT 사용자 기준)몰상식 (몰라도 되는 상식) 2021. 7. 6. 19:30
이제는 공인인증서로 여러가지 증명을 하는 시대가 저물어 가고 있습니다. 2020년 년말정산부터는 공인인증서 대신 자신을 증명하는 간편한 인증 방식으로 점차 바뀌어 가고 있습니다. 그 중 하나인 이동통신사를 통한 Pass인증을 하는 방법을 기록으로 남겨 보고자합니다. KT기준이나 다른 방식도 크게 별반 다르지 않으리라 생각됩니다. Pass인증을 통해 외부에서도 나를 인증하는 방식으로 여러가지 사용함에 있어 상당히 간편해 졌다고 보면 되니 기본적으로 Pass 인증서는 등록해 놓는게 좋을 듯 합니다. ▒ Pass by KT 휴대폰 앱을 통한 인증방식입니다. 1. Playstore 에서 Pass by KT 검색 및 설치후 열기 2. 로그인 지문, 목소리, 홍채 등등 생체인증 등록이 가능합니다. 그래도 편한 지문..
-
React 기본 : React Hooks의 개념컴퓨터 알아가기/React 2021. 7. 5. 19:30
※ 본 내용은 ZeroCho TV의 React 무료강좌를 기본으로 하고 있습니다. 지금까지의 React는 Class형 Component로 된 내역을 공부해 보있습니다. 하지만 최근 React에서는 Class보다는 Hooks라는 작업으로 변하고 있다고 합니다. 대표적인 구축 사이트는 facebook 입니다. 따라서 Hooks가 과연 어떤것인지 이해를 하고 넘어가야 될 것 같습니다. ▒ Hooks 정의 Hooks는 Class형에서 전체 객체를 state로 정의하고 setState로 선언한 방식에서 함수형 Component를 따르면서 각각을 별도로 정의하여 진행하는 방식이라고 볼 수 있습니다. 문장으로는 잘 이해가 가지 않습니다만 지난 시간 구구딘 형식을 빌려 차이점을 확인하도록 하겠습니다. ▶ 함수형 Com..