리액트바오

OSI(Open Systems Interconnection) 모델은 통신 기능을 일곱 가지 층으로 표준화한 것이다. 각 층마다 다른 목적을 가지고 있으며 각 층은 위와 아래 층과 통신한다. 먼저, 1. 각 층의 역할을 후루륵 읽어보며 🤓 2. '기억하기!'부분을 통해 조금 더 각인❗️ 시킨다. 3. 그다음은 OSI7계층의 표를 보며 한눈에👁️ 담을것이다. 4. 다음으로 가로로 나타낸 아주 심플한 키워드만 보며 다시 떠올려본뒤🧠 5. 각 층의 역할을 짧게 읽어 보며 마무리 할 것이다. 일단, 응표세전네데물을 먼저 알고 있어야한다. 응용계층 7계층 표현계층 6계층 세션계층 5계층 전송계층 4계층 네트워크계층 3계층 데이터링크계층 2계층 물리계층 1계층 물리계층이 1계층이며 응용계층이 7계층이다. OSI7계..

기타 2024. 2. 28. 16:47

와디즈사이트를 로그인하려면 카카오, 네이버, 구글, 페이스북, 애플 로그인을 할 수 가 있다. 와디즈뿐 아니라 요즘음 많은 사이트에서 이렇게 SNS로그인을 할 수 있는것을 볼 수 있다. SNS로그인을 구현하는방식인 OAUTH에 대해서 알아보고, 또 경험해본 이야기를 적어보려고 한다. OAuth (Open Authorization)란 Open Authorization: 공개승인 Auth는 비밀번호를 넘겨주지 않고도 온라인에서 제공하는 콘텐츠를 안전하게 공유할 수 있는 시스템이다. 그러니깐, 이용하고싶은 A사이트에 비밀번호를 넘겨주지 않는다 하더라도 하나의 온라인 계정을 사용하여(예를들면 구글 계정을 이용하여) A사이트에 로그인할 수 있는것이다. 이해를 돕기위해 다시한번 설명해보겠다. 이메일, 소셜 미디어,..

기타 2024. 2. 1. 21:29

Monorepo바로 쓰면 안되겠네요 Monorepo에 대해 먼저 좀 알아보고 써야겠네요. 이사님께서 지금까지 해오던 프로젝트를 모노레포로 바꾼다고 말씀하셨고, 나는 모노레포가 무엇인지 궁금해서 공부해보았다. 또, 모노레포로 작업을 하기 위한 세팅을 해보았다. 모노레포가 뭘까? 모노레포는 한마디로.. 하나의 레포지토리에서 독립적으로 여러 프로젝트를 관리하는 방법이다. 멀티 레포(Multi-repo)와 모노 레포(Monorepo)의 차이점 멀티 레포 Multi-repo 특징: 각 프로젝트 또는 라이브러리가 별도의 저장소에 저장된다. 버전 관리: 각 프로젝트는 독립적으로 버전 관리된다. 의존성: 프로젝트 간 의존성은 외부 패키지로 관리되며, 버전 충돌이 발생할 수 있다. 배포 및 빌드: 각 프로젝트는 별도로 ..

기타 2024. 1. 18. 22:33

VPN(Virtual Private Network) VPN에 대해 정리 해볼 것이다. 내가 VPN이라는것을 처음들어본 것은 회사에서 이사님이 이야기를 나누시는것이 들렸던것이 처음이었다. 우리 프로젝트팀이 잠깐 다른 사무실로 이사를 가게 되면서 그때 계속 VPN 이 어쩌고.. 설정을 어쩌고… 이야기가 오갔었다. VPN이 뭐지? 궁금하여 검색을 해보았더니 ‘가상 사설 네트워크’ 라는 것과 함께 설명이 나와있었으나 딱히 와닿지 않았었다. 그리고 정보처리기사 실기시험을 준비하면서 VPN이라는 단어를 두번째로 접하게 되었다. 정보처리기사 과목의 보안 파트에 있었는데, 외울것이 무진장 많았지만 그 중에서도 vpn은 회사에서 여러번 들어봤고 늘 궁금했기에 더 유심히 읽어보았다. 세번째로 VPN을 직접 접해본것은 회사..

기타 2023. 8. 18. 17:31

프롤로그 채널을 이름 변경 및 삭제하는 시스템 관리자에 의한 특별한 권한은 시스템 구성에 따라 채널 관리자에게 부여됩니다. 라고 공식문서에 적혀 있는데 무슨말인지 대체 알 수 가 없어서 기능을 하나씩 파악해보며 정리해 본 글 메타모스트 기능 정리를 블로깅 하게 된 계기 우리 회사는 새로 개발하려는 서비스에 Mattermost API를 사용하려고 한다. 나는 기획단계부터 맡게 되었고 기획과 디자인을 정해진 기한내에 혼자서 해야했기에 눈에 불을 켜고 빠른속도로 기획을 해나갔다. 서비스의 모든 부분을 다 기획해두고 개발을 하려면 시간이 끝없이 길어질테니 메인 기능인 채팅 기능 먼저 기획과 개발을 완료하기로 했다. 현재 개발단계인데, Mattermost는 생각보다 훨씬 많은 기능이 있었고, 또 복잡했다. 채팅방..

기타 2023. 5. 11. 22:58

아침에 문자를 하나 받았습니다. 원래 결제를 하고 일일히 문자를 확인 하진 않지만, 이른 아침부터 왠 결제인지 자세히 들여다보니 Amazon_AWS에서 5만원가까이 결제가 되었더군요. 까마득하게 잊고 있었습니다. 코드스테이츠 할때 Amazon_AWS를 사용해본다고 테스트용으로 가입해둔것이었는데 말이죠. 비밀번호도 아닌 아이디를 찾느라 고생했습니다. 아마존은 아이디 찾기도 따로 없더군요? 아마존으로부터 메일을 받은 그 계정이 아마존 계정이라기에 구글부터 네이버, 다음까지 다 로그인해서 메일함을 뒤적뒤적 해야했습니다. -_-;; 예전에 코드스테이츠 하던 시절, 하루인가 이틀? 학습을 하고는 완전 잊고 살아서 기억이 가물가물했습니다. 이것저것 클릭해보다가 인스턴스(실행 중)이 뭔가 쎄해서 들어가보았습니다. 아..

기타 2023. 5. 8. 09:18

rem rem은 최상위 엘리먼트에서 지정된 font-size의 값을 기준으로 변환된다. 보통 HTML tag에서 지정된 font-size가 기준이 되는데, 별도의 font-size를 설정하지 않은 경우에는 각 브라우저에서 기본적으로 설정되어 있는값을 상속받게 된다. html { font-size : 10px; } div { margin: 1.5em; /*대략 15px*/ } em rem은 기준이 되는 폰트 크기 하나로 고정되어 있는데, em은 어디서라도 기준이 바뀔 수 있기 때문에 복잡한 css를 가질 경우 변환될 크기를 예측하기 어렵다는 단점이 있습니다. html { font-size : 15px } div .content { margin-left : 2em; /* 15px * 2 = 30px */ }..

기타 2022. 10. 6. 11:03

css작업중 box shadow효과를 주고 싶을때 얼만큼 줘야할지 잘 모르겠을때 유용한 사이트가 있다. https://cssgenerator.org/box-shadow-css-generator.html Box Shadow CSS Generator A box-shadow CSS Generator tool to quickly generate box-shadow CSS declarations. cssgenerator.org Box shadow css Generator라는 사이트로 들어가면 시각적으로 확인하고 코드를 copy하여 값을 가져올 수 있다. 이 막대기의 수치를 잘 조절하고 조절됨에따라 그림자가 얼만큼 적용이 되는지 눈으로 확인할 수 있을 것이다. 마음에 드는 각도와 그림자 크기 색상 등 골랐으면 그림..

기타 2022. 9. 20. 22:47