REACT

2019-05-23
안녕하세요, 플랫폼별 QR, 바코드 스캐너 구현기 를 썼던 이동훈입니다. 최근 대시보드 화면 구현 중 기본을 놓쳐서 시간을 낭비한 경험이 있었습니다. 이번 글에서는 삽질기를 돌아보고, React + Highchart 조합을 사용하여 대시보드 구성시 주의해야 할 데이터 초기 로딩 방법 과 데이터 변경 시 차트 리렌더링 은 어떻게 해야 하는지에 관하여 이야기해보려 합니다. Highchart 구현에 사용한 기술 중 Highchart에 관해서 위키 를 통해 잠시 살펴보면 Highcharts is a software library...
2019-02-15
소개 안녕하세요. Popit에서 글을 쓰고 있는 김대희라고 합니다.  백엔드 개발자로서 , 프런트 개발자 분들이 쓰는 프레임워크 비교 기사를 보게되었는데 이 글이 흥미롭고 재미있게 읽을 수 있어서 해당 글을 번역하게 되었습니다. 기사와 개발자분들이 접하는 부분이 많이 다를 수 있고, 다소간 매끄럽지 않더라도 많은 좋은 피드백 부탁드립니다. 원본글은 다음글에 참고하세요. React vs. Angular Compared: Which One Suits Your Project Better? React vs Angular  : 둘 중 어떤 것이 당신의 프로젝트에 알맞을까요?...
2018-06-14
React를 이용하여 Single Page Application을 만드는 경우 크롤러나 직접 URL을 입력하여 특정 페이지에 접근하는 경우 제대로 페이지를 렌더링 하지 못할 수 도 있습니다. 이럴때 사용하는 것이 Server Side Rendering 인데 이번 글에서 자세하게 살펴보겠습니다....
2018-05-23
Popit 서비스의 UI가 확 달라졌습니다. 기존의 워드프레스 틀에서 벗어나 아주 자유로운 구성으로 서비스를 개편하였습니다. 물론 전문 디자이너의 지원을 받지 못해 아쉬운 부분이 있지만, 앞으로는 쉽게 화면을 변경할 수 있는 기반을 구축하였다는데 의미가 있다고 할 수 있습니다. 앞으로 몇회에 걸쳐 Popit 서비스 개편하면서 작업한 내용에 대해 공유할 예정입니다. 이번 글에서는 왜 개편 작업을 하게 되었는지와 시스템의 구성 및WordPress의 데이터 모델에 대해 간단하게 살펴보겠습니다....
2018-03-14
페이스북의 소셜 플러그인 중의 하나인 좋아요(Like) 버튼은 간단해 보이지만 어떤 특정 상황에서는 꽤 성가신 버튼 중의 하나입니다. 이번 글에서는 최근 Popit 첫페이지 개편 작업을 중에 겪었던 페이스북 좋아요 버튼 적용 삽질기를 공유하겠습니다. 참고로 필자는 자바스크립트(또는 리액트) 관련해서는 그냥 막 사용하는 수준이라 내부에서 구체적으로 어떻게 동작하는지에 대해서는 잘 알지 못하는 수준입니다 [1] . 구현해야 하는 화면 다음 화면은 새롭게 구현된 Popit의 첫화면입니다. 이 화면에는 보시는 것 처럼 모든 포스트에 대해 페이스북 좋아요 버튼이 있습니다. 그리고 각 라인의 우측에는 Next 버튼이 있어 이 버튼 클릭 시 ajax 호출로 다음 포스트를 가져와 화면에 표시합니다....
더보기