리액트바오

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

이전에 context에 관한 글을 올린 적이 있다. context는 redux와 비슷한 역할을 한다(?) 이사님께서 현재 프로젝트에 context와 redux를 함께 쓰게 될거라고 하셨다. 현재 css작업을 어느정도 마친상태이고 곧 form을 전송하는 등 작업에 들어갈텐데, 그전에 미리 알아보고자 정리해 보았 ace0507.tistory.com 콘텍스트는 어쩌고 저쩌고 .. 열심히도 적어놨지만, 개념만 익히는건 크게 의미없구나! 직접 해봐야하는구나!!를 만들어보면서 느꼈다. 내가 만들어본 페이지는 아주우우 간단한 화면 인데 요구사항은 이러하다. 1. 라우터를 사용한다. 2. context에 값을 저장한다. 3. context의 값을 가져온다. 끝이다. 만들어본것은 이러하다. context에 저장되지 않은..

react 2023. 12. 15. 13:21

이미 진행중이던 프로젝트에 투입이 되어 코드를 훑어 보았는데, 조금 당황스러웠다. export const PostList = () => ( ); 게시물 리스트를 나타내는건데, 코드가 이런식이었다. map을 돌려주고있는 것도 아닌데, 리스트에는 여러 데이터들이 들어와있네? 이사님께서는 react admin을 사용하면 이렇게 짧은 코드로도 구현할 수 있다고 하셨다. 코드가 짧고 단순해 좋아 보일 수 도 있지만, 사실 난 그리 유쾌하진 않았다. 왠지 더 어려워 보였기 때문이었다. react admin의 장점을 깨달으려면 react admin을 쓰지 않고 코드를 짜는 경험이 충분할때 장점을 알 수 있을텐데, 내가 이것을 잘 쓸 수 있을까, 살짝 걱정도 되었다. 나는 초반에는 급한 마음에 react admin공식..

react 2023. 12. 12. 12:38

이사님께서 현재 프로젝트에 context와 redux를 함께 쓰게 될거라고 하셨다. 현재 css작업을 어느정도 마친상태이고 곧 form을 전송하는 등 작업에 들어갈텐데, 그전에 미리 알아보고자 정리해 보았다. context는 React 와 React Admin의 React의 내장 기능인 React Context API를 의미한다. context를 사용하면 컴포넌트 계층 구조 내에서 수동으로 소품을 전달하고 또 전달 할 필요 없이 컴포넌트 간에 데이터를 공유할 수 있게 해주는 React의 내장 기능이다. context는 redux와 마찬가지로 수동으로 속성(prop)을 전달하고 또 전달하고 또 전달할 필요 없이 컴포넌트 트리를 통해 데이터를 전달하는 방법을 제공한다. 그러니까 컨텍스트를 사용하면 데이터를 ..

react 2023. 9. 21. 14:03

setTimeout을 블로깅 하게 된 이유 setTimeout은 개발을 시작하던 초기에 접한 자바스크립트 내장 함수였다.🤓 JavaScript에서 사용되는 함수이고, 지정한 시간이 지난 후에 실행을 하는것이라는것. 그리고 비동기적으로 동작하는 함수 라는것. 이정도로 알고있었다. 좀 더 들어가면 지정한 시간이 지날때까지 다른 코드를 실행하지 않고 멈추는것이 아니라, 다른 코드는 계속해서 실행이 되다가 setTimeout함수가 실행될 시간이 오면 그때 실행된다는것. setTimeout에 대해 배우면서 음.. 알겠고 이걸 대체 어디다 써먹는담? 하면서 내린 결론은 비동기를 이해시키기위한 하나의 예시함수(?)라고 생각했다. 그러다 한참 시간이 흐른후 setTimeout을 실용적으로 쓸 수 있는 날이 온 것이다...

Javascript 2023. 9. 18. 14:05

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

기타 2023. 8. 18. 17:31