본문 바로가기

IT Note

 (164)
기획자가 알면 좋은 웹 표준, 반응형 웹 관련 용어 정리 기획자로 웹 개발 프로젝트를 진행하다보니, 다양한 웹 개발 용어를 마주하게 된다. 특히 웹 표준과 반응형 웹 관련해서는, 기획 단계부터 또는 QA 단계에서 예기치 못한 문제를 마주했을 때 (that's me) 알아두면 좋다. 웹 디자이너, FE 개발자와 협업할 때 기획자가 알고 있으면 좋은 기본적인 용어를 소개한다. 1. 웹 표준 (Web standards) 사용자가 어떤 브라우저를 사용하든 웹페이지가 똑같이 보이고 정상적으로 작동하게 하는 것이다. 사용자가 선택할 수 있는 브라우저는 매우 다양한데, 크롬으로 접속하면 화면이 잘려보이고 파이어폭스로 접속하면 콘텐츠가 한 쪽에 쏠려보이고..하면 안되는 일이다. 이렇게 특정 브라우저가 아닌, 다양한 브라우저의 어떤 버전에서도 통용되는 웹사이트로 개발하자는 취..
호다닥 톺아보는 Kafka 원문 : 호다닥 톺아보는 Kafka Overview 예를 들어서 특정 서비스를 제공하는 app이 있다고 가정하고 그 app의 로그를 받아서 처리하는 또다른 app이 있다고 가정해봅시다. 대충 아래와 같은 모습이 되겠습니다. 하지만 점점 더 복잡한 서비스에서는 어떻게 될까요? 위와 같이 수많은 소스 application과 타겟 application들이 직접적으로 통신하게 되면서 서비스 구조도 복잡해지고, 통신 프로토콜의 파편화가 심해지게 됩니다. 이렇게 되면 배포나 장애에 대응하기 어려워지고, 유지보수가 힘들어진다는 단점이 있습니다. Apache Kafka란? 탄생 소셜 네트워크 앱중 하나인 "LinkedIn"의 개발자들도 이와 같은 문제를 갖고 있었습니다. 2011년 LinkedIn은 이런 복잡함을 해결..
장안의 화제! Chat GPT 이게 뭐야? 장안의 화제 Chat GPT를 들어보신적 있을까요? 요즘 '챗 GPT'라는 인공지능 채팅 애플리케이션이 장안의 화제입니다. 월간 활성 사용자(MAU)는 출시 2달여만에 1억명이 돌파했다고 합니다. MAU가 1억명으로 달성한 속도는 최근까지 틱톡이 9개월로 가장 빠른 기록을 가지고 있었는데, ChatGPT가 2개월로 무려 7개월이나 단축한 기록이라고 합니다. 이렇게 무섭게 쫓아오다보니, 구글 같은 기존의 거대 IT 기업들이 긴장할 정도입니다. 엄청난 양의 데이터를 조합해 사람처럼 자연스럽게 대답을 내놓는 게 특징인데, 수준도 꽤 높아서 웬만한 로스쿨에도 합격할만한 수준의 답을 내놓는다고 합니다. 한편에선 표절 같은 윤리 문제가 우려되는 만큼 규제를 해야 한다는 경고도 나오고 있습니다. GPT는 Genera..
제로 트러스트 맛보기 안녕하세요, 에디터 푸린입니다. 2022년 보안 쪽에서 가장 핫한 키워드 중 하나는 바로 “제로 트러스트” 였습니다. 지난 11월에 진행된 저희의 작은 세미나에서 선보였던 부분을 정리하여 아티클로 준비해보았습니다. 크게 일반 기업 IT담당자와 개발자를 주요 관객으로 설정하고 준비했다는 점 참고 부탁드립니다. 이번 아티클에서는 좀 더 일반적인 내용으로 제로 트러스트의 개념 등에 대해 소개를 드리고자 합니다. WHAT IS ZERO TRUST? 가장 먼저, 제로 트러스트란 무엇일까요? 일단 용어 자체가 매우 직관적이고 쉬운편으로 바로 아실 수 있는 것처럼, “누구도 믿지 말라”라는 컨셉입니다. 제로 트러스트는 어떠한 어키텍처나 정해진 플랫폼, 솔루션 등이 아닌 개념이자 모델로 특정 영역에만 국한되는 것이 아..
[1분 IT] MultiCluster Monitoring에 대해 알아보기... 근데 실습을 곁들인 전하! (전기톱맨 하이라는 뜻..) 글을 뭐를 써야할지라고 생각했을때 쓰고 싶은 주제가 많습니다. 앞에 1분으로 붙였지만 거짓말입니다. 죄송합니다. 설날에 20시간이 넘게 누워있을때 허리가 지끈 아파오기 시작했습니다. 인팁인 저는 누워서 망상을 합니다. 그러면서 주제를 정리해봅니다. 1. MultiCluster Monitoring 2. ELK Stack을 하려다가 나와버린 Opensearch Stack + fluent-bit / fluentd 3. Helm Chart 4. NodeAffinity 및 Label Select 5. Proxmox로 Homeserver 구축기... 6. Ansible or ArgoCD 7. Python의 객체지향성 8. Ruby로 1분만에 홈페이지 만들고 호스팅하기 --- 머릿..
[1분 IT] DevOps란 무엇일까? 안녕하세요, 전기톱맨입니다. 제가 에디터를 신청하고 난 뒤 첫글인데요, 어떤 글을 쓸까 생각하다 DevOps에 대해 써보기로 했습니다. 요새는 DevSecOps라고도 많이 부르시더라고요. 저는 산업공학과를 나와서 Computer Science적 기초지식이 부족한데요. 그런 점을 항상 생각하기에 어떻게 하면 조금 더 쉽게 지식을 전달할 수 있을까 항상 고민하게 됩니다. 일단 나무위키를 보면 개발과 운영에 대해 통합 관점으로 보는 개발 방법론 및 문화를 의미한다고 되어있습니다. 이 문화라는 말이 들어가는 순간 저는 애매하다는 생각을 합니다. 난 DevOps엔지니어가 되고 싶은데 문화를 다루는 엔지니어? 라는 생각을 하게되면서 뭔가 혼종이 되어가는 느낌입니다. 제가 직접 느낀 DevOps는 이렇습니다. 1. ..
보안 용어 정리! (IAM,PAM,Federated SSO) 원문 : 호롤리한하루/보안 용어 정리! (IAM,PAM,Federated SSO) IAM (Identity and Access Management) 디지털 ID를 소유한 유저 혹은 application에게 리소스에 접근할 수 있는 적절한 권한을 제공하는 방식 암호/MFA/지문 등의 인증 절차를 거치면 리소스권한을 부여 IAM솔루션마다 조금씩 기능은 다르지만 대부분 아래 기능을 제공 MFA : 사용자 id/pwd외에도 SMS,통화,이메일 등의 방법으로 추가 인증 SSO : 한번의 시스템 인증을 통해 다른 서비스에 재인증 절차없이 접근할 수 있게 함 Federated SSO : 신뢰관계인 다른 IdP에 인증 RBAC : 조직내 역할과 업무에 따라 리소스에 대한 액세스를 제한 PAM (Privileged Ac..
Javascript 비동기 함수의 동작원리 (feat. EventLoop) 원문 : 호롤리한하루/Javascript 비동기 함수의 동작원리 (feat. EventLoop) Overview 이번 포스팅에서는 최근 Javascript관련 포스팅 3개를 작성하면서 개인적으로 궁금했던 내용을 다뤄보려고 합니다. (1) 호다닥 톺아보는 Callback 함수 (2) 호다닥 톺아보는 Promise (3) 호다닥 톺아보는 async&await Javascript는 Single Thread Javascript는 Single Thread기반 언어입니다. 즉, 한 번에 하나의 작업만 수행이 가능하다는 의미입니다. 그런데 여러 경우에서 동시에 병렬로 처리해야하는 작업들이 있습니다. 예를 들어 브라우저상에서 이미지 로딩이라던지, 스크롤 액션, 버튼 누르기 등등이 있죠. 버튼 누를때마다 작업이 완료될때..
호다닥 톺아보는 Promise 원문 : 호롤리한하루/호다닥 톺아보는 Promise 콜백지옥에서 벗어나기 지난 포스팅에서 Callback함수란 무엇인가에 대해서 다뤘고, 복잡한 로직에서 Callback함수를 사용할때의 문제점, 콜백지옥에 대해서도 다뤘습니다. 콜백지옥을 짧게 요약하자면 다음과 같습니다. 코드의 가독성이 떨어진다. 매 코드블럭들마다 에러처리를 해주어야 한다. Promise? 어떤 특정한 문법이 아니라 일종의 패턴을 나타내는 용어였던 Callback과 달리 Promise는 Javascript의 객체입니다. 간단히 말하자면 비동기로 실행된 작업의 결과를 나타내는 객체의 이름이라고 보시면 됩니다. Promise 만들기! 간단히 아래와 같이 Promise 생성자로 만들 수 있습니다. let promise = new Promise..
스마트폰에 eSIM을 쓸 수 있다고? 근데 그게 뭔데? - eSIM 알아보기 안녕하세요, 에디터 푸린입니다. 업무와 개인 생활을 분리하고자 할 때, 흔히 투폰이라고 하며 휴대폰을 2개 들고다니시는 분들이 종종 있습니다. 어느 순간 2개의 물리적 휴대폰에서 '듀얼심'이라는 새로운 방식이 생겨 하나의 휴대폰에서 2개의 USIM을 사용하는 방식으로 간소화되기도 했죠. 그러다가 eSIM이 나왔습니다. 해외에서는 벌써 많이 사용되고 있지만 국내에서는 최근에 정식 도입이 된다는 뉴스로 한동안 인터넷이 '핫'했는데요. 특히 기존에 아이폰 유저들은 eSIM을 이용할 수 있긴 했지만 이제는 정식적으로 eSIM 사용가능한 기기가 갤럭시 기종들도 확대되고 이동통신사, 특히 주요 3사에서도 eSIM 요금제를 출시하였습니다. 9월 1일부로 가능해진 eSIM, 과연 기존 USIM과 어떤 차이가 있을까요?..
트렌드 겉핥기에 지친 자를 위한 100년 IT 과거와 현재 -1. 컴퓨팅 그 어떤 시대보다 기술 업계가 주목을 받는 시기입니다. 각종 대기업은 자사 SI를 만들고, 1분만에 알아보는 트렌드 카드뉴스와 짤이 넘치고, 왠만한 국비지원은 "IT 인재 육성" :"4차산업혁명"등등의 단어가 꼭 들어갑니다.그리고 저도 블로그 뉴스레터도 보고, MIT 뉴스레터도 읽는 척 해보고, 얉은 선에서는 많이 본다고 보는데 어느새 그렇게 5년이 지났습니다. 남는게 생각보다 별로 없습니다. 물론 눈치와 어디서 주워들은건 많죠. 하지만 이렇게 계속 간다고 해서 과연 저의 경쟁력이 늘까요? 아닌 것 같습니다. 트렌드 겉핥기는 IT뿐만 아니라 방대하고 깊은 심연의 지식이 쌓인 분야, 갈래갈래로 찢어지는 분야에서 트래픽 이외의 힘을 발휘하기는 쉽지 않습니다. 반대로, 긴 맥에서 차근차근 짚어보면, 왜 Mon..
호다닥 톺아보는 Callback 함수 원문 : 호롤리한하루/호다닥 톺아보는 Callback 함수 Callback? 일반적인 함수의 형태는 아래와 같이 생겼습니다. function hello(word){ console.log(word); } var str = "hello!" hello(str); // hello! 파라미터로 문자든 숫자든 object든 들어가서 내부 로직에의해 처리되는 형태로 되어있습니다. object는 뭘까요? json이나 배열 등등의 객체를 말할 수 있겠죠. 그렇다면, 자바스크립트에서 "함수"는 무엇일까요? 자바스크립트에서 모든 함수는 Function Ojbect입니다. 하나의 객체로 처리되기때문에 함수도 함수의 파라미터로 들어갈 수 있습니다! function concat(one, two, callback){ var res..

티스토리툴바