[dev] 새로운 취미 - ReactJS와 SteemJS로 스팀 툴 만들기
안녕하세요? @asbear입니다. 제가 요즘 자꾸 툴을 만들어서, 쟤 한가한가? 뭐하는건가? 싶으실겁니다. 사실 제가 아주 오랫동안 서버 개발만 하다가 제작년부터 프론트엔드쪽을 손대게 되었는데요, 15년만에 다시 접한 웹 기술은 정말 상전벽해 라는 말이 딱 맞을만큼 엄청나게 바뀌었더군요. 프론트엔드가 이렇게 많이 발전하고 나니, 서버부터 프론트엔드까지 손대는것도 재미 있고, 그 기술 범위가 굉장히 넓어 하나하나 익히는 과정도 재밌어서, 어두컴컴한 서버개발 세상에서 탈출하여 풀스택에 뛰어든것을 제 평생 소프트웨어 엔지니어 커리어 중 가장 잘 한 결정이라 생각하고 있습니다.
처음 AngularJS를 접했을 때, 진짜 감동했습니다. AngularJS는 구글에서 만든 웹 UI 개발 프레임워크 입니다. 제가 알고있던 웹사이트 코딩의 상식을 완전 뒤엎고 새로운방식으로 개발하는것에 재미가 들려 쓸데없이 이것 저것 만들어 보고는 했지요. 낮설은 코딩 스타일도 차츰 적응해 가면서, 개인 프로젝트에 사용해보고는 했었는데요, 사실 AngularJS도 왠지 모를 답답함이 있었습니다. 프론트엔드 UI 개발에 프로그래밍적인 요소를 많이 녹여낼수 있기는 했지만, 뭔가 아직도 C/C++만 죽어라 하던 꼰대(?) 같은 저에게는 여전히 너무 뭉툭한 툴같은 느낌이 들었습니다. 그래서 꼭 필요하지 않다면 안쓰는 쪽으로 기울곤 했습니다.
그러다가 올해에 Amazon으로 이직하면서 React를 처음 사용하게 되었습니다. React는 Facebook이 개발한 웹 UI 개발 프레임워크(라고 하기엔 조금 부족합니다만) 입니다. 진정 신세계입니다. 호불호가 있다고는 하지만, React는 정말 웹 개발 패러다임을 완전히 바꾼것 같습니다. 일단 저에게는 최곱니다. 머리로 생각하고 계획한것을 "재사용 가능하고 구조적이며 유지보수가 쉬우며 고성능"으로 만들어내는데 이만한 방식이 또 있을수 있을까 싶습니다. 차세대 웹 프론트엔드 UI의 표준 기술이 된다 하더라도 이상하지 않을것 같습니다. 아직 vue.js를 해보지 않아서, 강력한 주장을 하기는 이르지만, 두 기술의 개념이 비슷하니, 제 생각은 크게 달라지지는 않을 것 같습니다. React를 알고 난 후 부터는, 아무리 작은 웹페이지를 만들더라도 React를 꼭 쓰게 됩니다. 백엔드 프레임워크가 없을땐 브라우저에서 Babel을 이용해서라도 씁니다. 이건 AngularJS를 쓸때와 비교해서 정말 큰 차이점입니다. 기술의 원론적인 장단점을 다 떠나서, "쓰고싶은 기술"이라는 것은 엄청난 장점이라고 생각합니다.
이런 이유로 ReactJS로 웹상의 "기능적인" 뭔가를 만드는 과정이 "즐길만한" 일이 되었고, 그와 더불어 SteemJS 와 함께 뭔가 의미있는 기능을 하는 툴을 만드는것이 신선하게 다가옵니다. 왜냐하면 SteemJS를 사용하면 제가 서버사이드 쪽을 건드리지 않아도 어떤 의미있는 동작을 수행할 수 있기 때문이죠. 사용자 정보를 가져오고 통계를 내고, 송금을 하고 하는 것들을 오직 SteemJS 만으로도 수행이 가능하다보니 React의 구조적인 접근과 맞물려서 시너지 효과를 내는 것 같습니다.
제가 React + SteemJS로 만든 툴 두개입니다. 구경 해 보세요 ^^
SteemMe: 나의 스팀잇 라이프를 적나라하게 까발려보자!
http://soboru.co.uk/steemme/
SteemLit: 재밌고 편하게 스팀달러를 나눠줘볼까~
https://ianpark.github.io/steemlit/
조만간 SteemMe도 githubio로 옮길 계획입니다. 현재 nodejs에 돌리고있는데 https 셋팅하기 싫어서 그냥 옮기려고 하는중입니다. SteemLit은 Active Key를 넣는것때문에 많이 쓰이지 않을것입니다만, 인증 등의 문제는 차치하고 일단 만들고 나중에 접목할곳을 찾을 계획입니다. 앞으로는 Redux 등의 기술을 추가하여 몇가지 툴을 더 만들어 볼 생각입니다. 정말 생각같으면 Steemit 같은 사이트를 만드는것도 별로 오래 안걸릴것 같은데, 이미 있는걸 또 하는건 재미없으니.. 활용도가 떨어지더라도 새로운모듈을 만드는게 재밌겠죠. ㅎㅎ
모두 좋은 하루 보내세요. ^^
Cheer Up!
내공이 대단하신것 같습니다, 좋은 개발해주셔서 감사합니다 ^^
아닙니다 저도 이분야에서는 비기너입니다.. 오랫동안 서버개발만 하던지라 새로 배워가는 중이지요..^^ 감사드립니다!
asbear님 갠적으로 팬이에요~! 어릴적 프로그래머로 꿈을 가지고 있었지만.. 지금은 완전 다른거 하고 있네요~! 멋있어요~!! ㅋㅋ
팬이라니 ㅎㅎ 과장이신건 알지만 감사드립니다. 제가본업이 프로그래밍이 아니었다면 참 좋겠다는 생각을 많이 합니다... 더 재밌을것 같아서요 ㅎㅎ
아..마..존... 에서 일하시는군요 ㅎ ㄷ ㄷ
운좋게 들어왔는데.. 일해보니 빡세긴 빡세네요... ^^
풀스택 엔지니어가 되신것을 축하드립니다. ^^
저 무식한 질문 하나 해도 되나요? :)
감사합니다 질문은 언제나 환영합니다 ^^
이건 다른 질문인데요... AngularJS 와 React가 프론트엔드 UI 개발 프레임워크라면 Meteor 는 모하는 아이 인가요?
Meteor와 AngularJS & React 의 관계(?) 아님 영향은 뭔가요?
MEAN하고 비슷한 MeteorJS는 풀스택프레임워크입니다.. 아래 글 한번 읽어 보시면 보다 자세히 이해 하실 수 있으실것입니다. 저같은 핫바리가 아닌, 진정한 고수가 적으신 글입니다.
https://brunch.co.kr/@withfpp/1
꺄악!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@asbear 님! 제가 엎드려 절이라도 하고 싶은 마음입니다. 제가 열심히 찾았었도 @asbear님이 주신 링크의 정보는 찾지 못했었습니다. 정말 진심으로 감사 감사 드려요!!!!!!!!!!!!!!!!!!!!
이런쪽은 문외한이라 우리말인지 외계어인지 구분도 못하지만,
asbear님이 만든 프로그램은 재미가 있어요
신통한 재주가 부럽습니다ㅎㅎㅎ
부끄럽습니다 밥 벌어먹고 살 정도만 하는지라... ㅎㅎ 좋게 봐주시니 감사드려요!!
베어님 제발 새로운 소셜 코인 만들어주세오
엄킨님 전부터 이야기 하시던데.. 그게 데체 뭔가유? 제가 만들수있는거긴 한가요 ㅜㅜ?
스팀잇보다 훨씬 좋고 빠른 새로운 코인이요.ㅋㅋ
엄킨님께는 댓글만 달아서 채굴 가능한 가이드독코인을 추천드립니다. 후훗
역쉬 경력이 후덜덜 하시군요. 저는 10년차... 초보 개발자입니다. 저도 초년생때 jsp랑 jquery 조금 써보다가 쭉 서버개발자로만 생활하다가 요즘 다시 프론트엔드를 공부하려고 하고 있습니다. 회사 내에서도 부서를 다시 프론트 쪽으로 옮길 예정이구요. 리액트니 앵귤러니 저에겐 다 배워야할 산이네요 ^^
더군다나 전 개발을 전문적으로 하는 직군은 아니라서 스킬이 뛰어난 편은 아니랍니다. (sm 조직이 뭐 그렇죠.) 대신 관심은 많으니 앞으로도 많은 가르침 바라겠습니다~ ㅋㅋ
이미 asbear 님 못지않게 대단하십니다 ㅎㅎ 겸손하시네요. 십년을 넘어서면 어차피 그 이후는 개인의 창의력을 동반한 역량의 승부인거 같습니다.
전문적으로 하는 직군이 아닌데도 잘하는 분들이 많은걸 보면서 자극을 많이 받고 있습니다. 앞으로도 많은 가르침 바랍니다.
좋응말씀입니다. 다만 여기서 우리끼리 서로 칭찬하고있으면 안됍니다.. 진짜 네임드 개발자가 이 글을 읽으면... 아찔합니다 ㅜ.ㅜㅎㅎㅎㅎㅎㅎ 그나저나 늦게주무셨네요.. 체력이 대단하십니다..
뭐 좀 어떻습니까 ㅎㅎ 우리끼리라도 이렇게 보듬어줘야죠 ㅎㅎ 일단 저는 제가 개발쪽으로 일류가 아니라는건 확실히 알고 있지만, 누구나다 일류가 될 필요는 없으며 그렇지 않더라도 충분히 더 성공할 수 있다는 생각입니다. 물론 그때까지 건강히 살아있어야겠죠? ㅎㅎ
체력이 대단한게 아니라 수면패턴이 완전히 망가져서 그렇습니다 ㅜㅜ 아내한테 매일같이 혼나는데도 참 안되는거 같습니다 ㅠㅠ
ㅎㅎ 저도 아내한테.. 11시 30분부터 혼납니다. 크흑... 그래서 저는 아무리 늦어도 12시에는 침대에서 눈감고 양을 세지요.
그런덕분에 회사에서는 덜피곤한데..
맞습니다. 개발은 수단일 뿐이니까요 ^^
과한 겸손이시네요. 저도 학업 마친후의 공식 경력은 nhj12311님하구 크게 차이 없습니다 ㅎㅎ 전 개발능력이 남들보다 좋은편은 아닌데 임기응변이나 잔머리빨로 근근히 버티고 있답니다. 더 뽀록나기
전에 하루빨리 개발일은 그만두고 취미로만 하고싶어요 ㅜ.ㅜ React는 꼭 추천합니다^^ 익히기 쉬우면서도 유용합니다.
겸손하게 만들어 주셔서 감사합니다.
정말 능력자님들 글을 읽다보면,(이해 안가는 부분도 많아서) "아...여기 새로운 세상과 또 조우 하게 되는구나" 하고 제 작은 세상이 겸손 해집니다.
새로운 툴...저 같은 사람들에겐 정말 편리한 기능입니다. 즐겨찾기 해 놓고 잘 사용 하겠습니다. 감사합니다. (_ _) (^ ^)
능력자라고하기엔 기초적인것이긴 하지만 좋게 봐주셔서 감사할 따름입니다.. 좀더유용할 툴로 다시 찾아뵐게요!! ^^
실력도 좋으시지만 정말 적응력 하나는 타의 추종을 불허하시는거 같습니다. 신기술을 금방금방 익혀서 뚝딱 뭔가를 만들어내시네요. 저같은 느림보 개발자는 부러울 따름입니다.
베오베님이 이렇게까지 강력 추천하시니 'React + SteemJS'를 정말 만져보고 싶다는 생각이 많이 드네요. 둘이 찰떡궁합이군요. 'React + SteemJS + github.io'의 조합이면 스팀잇 툴은 어지간한건 다 만들수 있을거 같은 느낌적인 느낌이 듭니다.
중간중간 개발 과정도 올려주시면 큰 도움이 될거 같습니다. 늘 많이 배우고 있습니다. 감사합니다 :)
격려 감사드립니다.. 요즘 회사에서 혼자 뒤쳐지는기분이 들어서 우울한데.. 그래도 좋은말씀해주시니 좀더 용기를 내어 보려고 합니다 ^^ 새로운것을 사용하든 익숙한것을 사용하든 의미있는 결과물을 만드는게 중요한것같습니다. 세계님이야말로 유용한 툴을 많이 만드셨으니 그대로 쭉 가시면 될듯 합니다 ^^ 제가 SteemJS를 사용하는이유는 백엔드가 필요없다는것도 있으나, 궁극적으로는 scalability 고민을 할필요가 없다는 것이 가장 큰 이유랍니다 ㅎㅎ 저도 덕분에 늘 많이 배우고있습니다^^ 앞으로도 쭉 알고 지 내면 좋겠습니다. 감사드려요!!
다른 댓글에도 남겼지만 세상에 날고 기는(이건 저) 개발자는 너무 많고 내가 결코 일류급은 아니다 라고 인정한지는 제법 된거 같습니다. 뒤쳐지면 그냥 그런가보다 '내가 다 잘할수 있나, 나도 뭔가 하나는 도움되겠지. 까짓것 안짤리면 그만이지.' 하고 지내다보니 그냥 초연해지고 더 잼나더라구요. 물론 이렇게 계속 이류로만 남는 부작용은 있습니다 ㅋㅋㅋ
사실 늘 긍정적인 베오베님은 저보다 더 초연하게 잘 지내시리라 믿습니다. 저도 말만 이렇게 할뿐 그래도 막상 발등앞에 그런상황이 떨어지면 마냥 그렇게 되긴 힘든게 사실이죠 ㅎㅎ 아마존같이 별의별 사람들이 다 오는 곳에서 일하시다보니 엄청 치열하게 지낼 수 밖에 없는게 눈에 선합니다.
그렇다고 베오베님이 저와같이 실제로 뒤쳐지는 분이라는 말은 아닙니다. 스팀잇에서 자주 소통하고 올리시는 글도 보고 하며 '세상에 뛰어난 사람은 참 많구나' 하는걸 많이 느낍니다. 진정으로 자극받고 동기부여 크게 받고 있습니다. 특히 최근에 React + SteemJS 소개를 하실때는 매우 큰 흥미가 생겨 진짜 두근두근 하더라구요. 저도 꼭 조만간 뭔가 해보고 싶습니다.
그냥 하는말이 아니라 저는 베오베님같이 고른 실력을 갖춘분을 거의 보지 못했습니다. 뭐 하나는 훨씬 뛰어난 사람이야 당연히 많겠죠. 제 주변에도 그런사람은 충분히 많습니다. 하지만 진정한 실력은 '개발실력/적응력/창조력/책임감/필력/긍정마인드/상냥함/이타성' 이게 전체적으로 어울어진데서 오는 '아우라'를 의미하는데 제 눈이 삔게 아니라면 그 모두를 적절하게 다 갖추신 분인거 같습니다. 저를 마냥 구박할만한 분은 아닌거 같아 언젠가는 꼭 같이 일하고 싶은 분입니다. 그리고 언젠가는 인연이 꼭 오리라 믿습니다.
요즘 아마존 입사 초기라서 바쁘고 스트레스도 많이 받으실거 같은데 시간의 문제일뿐 옥석은 결국 가려진다 생각합니다. 앞으로도 서로에게 좋은 자극 주는 좋은 사이로 남았으면 합니다. 좋은 하루 보내세요.
이글은 박제하여 벽에 걸어둬야할것같습니다. 살다가 이런 극찬을 들어볼 날이 한번이나 있으려나 싶은데 이렇게 길게 !! 저도 뒤쳐지는 사람중 하나랍니다. 회사에서 치열하게 구르고 어려운거 요구할때마다 시무룩해서 집에 돌아와서 소파에 누워있다가, 결론은 단 하나..
짤르기야 하겠어? 짜르면 이직하면되지. 퇴직수당 받고 좋지.
이생각 하고나면 다시 해피해 집니다... 단지 회사에서의 존재감이 느껴질때 잠시 우울했다가.. 빠직해서 또 막 공부하고 달리다가.. 아 역시 안되겠다 버거워 싶으면 다시 소파에 누워서... "짤리면 수당받고 이직하는거지뭐" 로 결론냅니다.. ㅎㅎㅎ
요즘 아마존 내부 시스템을 익히고있는데.. 엔지니어링에 엄청나게 투자한 회사라는게 보이네요. 개인적으로 특정 회사에서만 쓰는기술 익히는거 극히 싫어하는데.. 그래도 익힐만한 가치가 있도록 만들어 두었더라구요.. 그래서 꾸역꾸역 하고 있습니다. 새로운 서비스 하나를 만드는데 매우 복잡한 절차가 들어가는데.. 이게 정교하게 자동화가 되어 있어서 놀랍고.. 재밌네요. 근데 뭐 여기 떠나면 일절 쓸모없을것같긴 합니다 ㅎㅎ
아무튼 같은 관심사가 생겨 프로젝트 진행하면 재밌을것 같습니다^^ 감사합니다!!