https://yozm.wishket.com/magazine/detail/2569/ 윈도우 프로그램은 정말로 사라질까? | 요즘IT데스크톱 앱 혹은 윈도우 프로그램은 과거 C언어 기반인 Win32 API에서부터 출발했고 GUI 기반 프로그램 개발에 있어 거의 필수적인 매체였기 때문에 많은 사랑을 받았었다. 하지만 최근에는 웹 앱yozm.wishket.com  스마트 팩토리 관련 개발에서 빠질 수 없는 C#.그리고 웹앱붐. 과연 그 대결은 누가 이길지에 대한 내용을 써놓은 글. 개인적으로 현장 관리 프로그램은 아직까지는 웹으로 대체가 불가능한 것 같고,웹앱은 관리직 용도로 리포트 제시해주는 프로그램만 가능할 듯? 웹앱이 어떻게 발전하느냐에 따른 이야기겠지만.

새로운 데이터 직군, 데이터 애널리틱스 엔지니어란? | 요즘IT‘애널리틱스 엔지니어’, 혹은 ‘분석 엔지니어’라고 들어보셨나요? 미국에서는 대략 3~4년 전부터 화제가 되기 시작했고, 한국에서는 작년부터 본격적으로 주목받고 있습니다. 간단히 말해yozm.wishket.com 데이터 분석 관련 업무에 관심이 생기는 요즘!  우리 회사에서도 이런 업무를 하고 있으니..배울 기회가 있으면 쏙쏙 배워봐야겠다..!

깨진 유리창의 법칙Engineering Blog by Dale Seowww.daleseo.com  깨진 유리창의 법칙(Broken Windows Theory)- 깨진 유리창을 방치하면 그 지점을 중심으로 범죄가 확산된다는 사회학 이론 혹시 지금 코드 편집기에서 여기저기에 빨간 노란 밑줄이 그어져 있는데, 귀찮아서 방치하고 계시지는 않으신가요? 악취가 진동하는 코드를 리펙토링(refactoring)하지 않고 그 주변에 더 냄새나는 코드를 덧붙이고 계시지는 않으신가요? 서버를 띄우면 터미널에 갖가지 경고 메시지들이 나오는데, 어찌됐든 서버가 돌아가니 무시하고 있지 않으신가요? 웹사이트를 열면 브라우저 콘솔에 오류가 가득한데, 일반 사용자는 모르겠지 하고 같이 모른 척하고 계시지는 않으신가요? 지금 바로 잡지..

공부란 '머리 속에 지식을 쑤셔넣는 행위'가 아니라 '세상의 해상도를 올리는 행위'라고 생각한다. 뉴스의 배경음악에 불과했던 닛케이 평균 주가가 의미를 지닌 숫자가 되거나 외국인 관광객의 대화를 알아들을 수 있게 되거나 단순한 가로수가 '개화 시기를 맞이한 배롱나무'가 되기도 한다. 이 '해상도 업그레이드감'을 즐기는 사람은 강하다. 참고 글 그대들, 어떻게 공부할 것인가 그대들, 어떻게 공부할 것인가. (주니어, 중니어, 시니어의 공부방법은 같아야 할까?) charsyam@naver.com docs.google.com

커뮤니티 서비스 만들지 마세요, 어차피 실패합니다 | 요즘IT 커뮤니티 전성시대라 할 정도로 업종과 분야를 막론하고 다양한 커뮤니티가 등장하고 있다. 많은 사람들이 성공한 커뮤니티의 법칙, 커뮤니티 빌딩 방법론에 대해 이야기한다. 정말일까? 커뮤 yozm.wishket.com 커뮤니티 서비스를 개발하고 싶어하는 사람들이 봤으면 하는 데이터적인 접근으로 통찰력을 주는 글. 요즘에는 이런 데이터적인 관점에 눈이 가는데 . . 어떻게 접근해서 공부하면 좋을지 고민이다.

ChatOps를 통한 업무 자동화(feat. Slack Hubot) 들어가며 안녕하세요. LINE NEXT DevOps 팀에서 블록체인 플랫폼과 DOSI, GAME DOSI의 쿠버네티스 운영 및 인프라를 담당하고 있는 이동원입니다. 현재 LINE ... techblog.lycorp.co.jp LINE 에서 slack 과 연동한 업무용 챗봇 개발?하여 활용한 예시. devops 부서 업무와 연관. 배포와 관련된 부분을 일부 자동화 시킨 케이스 케이스 스터디. 기타 다양한 도구와 연계가 손쉬운 hubot을 응용한 케이스. 이 모델의 To be 배포 요청을 Jira와 연계해 일감 관리 배포 공지와 배포 알림을 채팅으로 전달 서비스 안정 지표 자동화 모니터링 언제, 어디서나 손쉽게 배포 및 롤백 어떤 일은 사람..

회사의 경우 여러 해외 법인이 존재하고 있어, 다국어 지원이 필요하다. 웹페이지의 경우 chrome 등 인터넷 브라우저 내 번역으로도 지원이 가능하지만, 회사에서는 사전적으로 번역하기 보다는, 각 나라에서 이해하기 쉬운 단어로 번역하는 케이스가 필요하게 된다. ​ 이때 사용되는 것이 i18next. i18next란? Javascript로 작성된 국제화 프레임워크로 여러 국가의 언어를 처리할 수 있도록 도와준다. 많이 사용하는 라이브러리로는 react-i18next, next-i18next, next-translation 이렇게 3가지. 각 라이브러리에 장단점과 특성이 존재하므로 알아보고 채택하는 것을 추천한다. ​ 우리의 경우 react-i18next 를 채택하게 되었는데.. 정확히는 채택 당했다. 고로..

현재 프로젝트의 경우 권한 관리를 recoil 로 다루고 있다. ​ Rocoil 이란? 페이스북에서 발표한 React 전역 상태 관리 라이브러리이다. usestate 만을 사용하여 상태 관리를 하게 되면 프로그램이 복잡하게 될 시, props drilling이 일어나게 되는데, Recoil은 이러한 행위를 방지하게 해준다. ​ Recoil의 경우. React 에서 사용하는 라이브러리가 아닌, 외부 라이브러리로 아래의 링크에서 내용을 확인하면 된다. Recoil A state management library for React. recoiljs.org Recoil 라이브러리에 주요한 개념으로는 Atom 과 selector가 있다. ​ Recoil 에서 하나의 전역 상태를 Atom 이라고 하는데, Atom ..

보통 useRef 까지는 흔히들 안다고 생각하는데, 만약 내가 어떤 곳에서 컴포넌트들을 일괄로 정의해두고, 부모 단에서 꺼내어서 사용하는 형태의 로직을 짠다면 어떻게 될까? 이때도 ref를 다루는 case가 존재한다면? ​ 정답은 ForwardRef 이다. 부모에서 자식의 ref 요소들을 다루고 싶을 때 사용하는 문법. ​ 또, 자식단에 있는 function 을 부모에서 사용하고 싶다면? (보통은 부모에서 사용하는 것이 맞지만, 무작정 그렇게 로직을 짜버리면 하위 컴포넌트 들이 많아질수록 최상위, 상위 로직이 비대해짐을 막을 수 없게 된다.) ​ 정답은 useImperativeHandle 이다. 자식의 문법이나 변수를 부모 단에서 사용할 수 있게 해주는 문법. ​ 우선.. forwardRef 부터... ..

컴포넌트의 속성 값을 불러올 수도 있고, value나 style 값 같은 것들을 바꿔줄 수도 있는. DOM을 조작할 수 있게 해주는 ref. 렌더링에 필요하지 않은 값을 참조할 수 있는 ref. 에 대하여 설명하도록 하겠다. ​ ref 는 비교적 간단한 개념이므로 forwardRef 와 useImperativeHandle 를 설명하기 위한 도약 단계처럼 가볍게 짚고 넘어가도록 하겠음. ​ 덧붙히는 말.. 모 부장의 "Ref 는 React 생명주기와 어울리지 않는 문법으로 React 상에서도 지양해야 한다"는 발언에 대하여 설명하도록 하겠다. Ref 를 무분별하게 선언하고, 다른 문법으로 대체가 가능한데도 불구하고 무지성으로 사용하는 것이 문제. (이것은 다른 문법도 동일하다. 각자가 가지는 고유의 특성을..

UseEffect 란. 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook임. ​ 기존에는 클래스형 컴포넌트에서만 생명주기 메소드를 사용할 수 있었는데. useEffect를 쓰면 함수 컴포넌트에서도 side effect 를 쓸 수 있게 되었다. 라이프사이클 hook(componentDidMount, componentDidUpdate, componentWillUnMount)을 대체할 수 있는 useEffect. 사용 방법 import { useEffect } from 'react'; function useeffecttest() { // 사용법 1. 종속성 매개변수 없음. useEffect(() => { DoSomething(); }); // 사용법 2. 빈 종속성 매개변수 ..

리액트 16.8 버전 이전에서는 함수형 컴포넌트에서 상태 관리를 할 수가 없었음. (컨버팅 하는 사람도 보았다..) 하지만 16.8 버전 부터 Hooks 라는 기능이 도입되며 함수형 컴포넌트에서 상태를 관리할 수 있게 되었다.! ​ ※ Hook : 함수 컴포넌트에서 React state (리액트에서 아주 중요한 개념 중 하나) 와 생명주기 기능(lifecycle features)을 연동할 수 있게 해주는 함수. ※ 상태관리(State Management) : 데이터를 관리하는 방법. 여러 component 간에 데이터 전달과 이벤트 통신을 한 곳에서 관리하는 것을 의미. ​ 리액트로 개발을 하다보면 usestate 를 적절한 위치에서 선언하고, 잘 내려주고(상속) 꼬이지 않도록 관리하는 것이 고오급 스킬..