모두 한글 두더지 팡! SPA 웹사이트 제작 기획, 디자인: 누누 프론트엔드 개발 : 야미 백엔드 개발 : 으악 기간: 2020년 10월 - 2021년 7월 5일 자로 프로젝트 종료 [ 2021년 한글창의 아이디어 공모전 1차 서류를 준비합니다. ] 6월달 코로나19로 인해 자주 만나서 오프라인으로 프로젝트를 점검하고, 대화를 나누기는 쉽지 않았습니다. 각자 회사를 다니면서 비대면으로 시간이 날 때마다 함께 프로젝트를 만들어 갔습니다. :) 한글 창의 아이디어 공모전 1차 서류 접수 때문에 오프라인으로 만나서 필요한 서류를 작성하고 점검하여 접수를 완료했습니다. [ 아직 완성되지 않은 프론트, 백엔드 개발을 진행합니다. ] 프론트 쪽에서 게임 부분에 배경음악 넣는 작업과 카카오톡 및 sns 공유하는 기능..
모두 한글 두더지 팡! SPA 웹사이트 제작 기획, 디자인: 누누 프론트엔드 개발 : 야미 백엔드 개발 : 으악 기간: 2020년 10월 - 2021년 7월 5일 자로 프로젝트 종료 [ 기획, 개발을 같이 진행합니다. ] 11월 이 후 기획에 화면 설계 내용을 바탕으로 야미님은 프론트 쪽 기술을 구현하고, 으악님은 ERD를 작성하였습니다. 프론트와 백을 나누어서 프론트는 리액트로 작업하고, 백엔드는 장고로 작업하였습니다. 투 트랙으로 나누고, 작업이 완료될 시기에 프론트와 백을 연결하여 웹사이트를 구현하는 방식으로 진행하게 되었습니다. 화면 기획 내용을 토대로 야미님이 작업한 프론트 엔드 기능 구현 https://github.com/Meeteum/mole_pang_fe GitHub - Meeteum/mo..
모두 한글 두더지 팡! SPA 웹사이트 제작 기획, 디자인: 누누 프론트엔드 개발 : 야미 백엔드 개발 : 으악 기간: 2020년 10월 - 2021년 7월 5일 자로 프로젝트 종료 안녕하세요 :) 오랜만에 글을 작성하게 된 손누누입니다. 오늘은 누누컴퍼니 소모임에서 10개월 동안 작업했던 토이 프로젝트 모두 한글 두더지팡! 에 대한 작업 과정과 결과물을 공유드리고자 합니다! 아무래도 기획과 디자인을 맡은 제가 쓰는 글이라서 ㅜㅜ 기획과 디자인 그리고 협업에 대한 이야기가 많을 듯 합니다. 1) 모두 한글 두더지 팡! 제작하게 된 계기 간타님과 두번째 토이 프로젝트가 끝난 후 함께 작업하는 개발자의 입장에서 의미 있는 토이 프로젝트는 무엇일까?라는 생각을 하게 되었습니다. (개발자 입장에서 토이 프로젝트..
귀여운 동물 사다리 타러 가기 반응형 웹사이트 제작 기획, 디자인 : 누누 ( 20 % ) 퍼블리싱 ( Html , Css ) : 누누 ( 20 % ) 개발 ( JavaScript, Java ) : 간타 ( 60 % ) Toy project prologue_ nunu company 소모임 이전에 2020년 1월달에 다른 모각코 모임을 참여한 적이 있었습니다. 그 모각코 모임에서 알게 된 개발자분과 간단하게 토이 프로젝트를 만들어보고자 사다리게임을 기획하고 디자인을 하였습니다. 그 때 그 개발자분은 직장을 다니고 있었고 1~2달 바쁜 일정 속에서 시간을 내어 JavaScript를 이용하여 작업을 진행하였습니다만 쉴새없이 바쁜 회사일정으로 작업이 힘들어졌습니다. 바쁜 회사 일정 속에서 무리하게 작업을 진행하..
프론트엔드 영역은 근 몇 년간 급격한 변화와 발전이 있었습니다. 웹에서 그림을 그리고 게임도 하며 프로젝트 일감, 일정을 관리합니다. 과거 script로 정적, 단순 동적 웹 사이트를 구축하던 시절과는 달리 요새는 복잡한 기능들이 구현되고 있습니다 과거 웹사이트 요즘 웹 어플리케이션 그렇다 보니 필연적으로 성능 이슈가 발생하게 됩니다. (ex..스크롤이 뚝뚝 끊겨요, IE11에서 로딩이 느립니다, 간혹 가다 멈춰요..) 프론트엔드 성능을 개선하게 될 경우 어떤 효과가 있을까요? 빠른 로딩 속도 -> 사업 지표 향상 -> 사용성 개선으로 직결됩니다 전 세계적으로 많이 사용되는 소셜 네트워크 서비스 핀터레스트의 성능 개선 후 사업 지표입니다. 성능 개선 전 핀터레스트 모바일 웹의 로딩 시간은 무려 23초였다..
안녕하세요 ~ 손누누입니다 :) 2020 ICT 콤플렉스 앱 개발 챌린지 1편에 이어 2편 내용을 이어 공유하고자 합니다. PPT 발표 자료는? _ 이렇게 작업이 완료된 후 본선은 12월 17일날 정오까지 PPT 자료와 개발에 대한 깃허브 내역, 개발한 앱 APK 파일을 제출해야 했습니다. 12월 10일 – 12월 15일까지 야미님은 개발을 진행하였고, 저는 PPT 발표 작업을 진행했습니다. PPT 발표 작업에 앞서 어떻게 발표를 준비해야 될지 감이 오지 않고 잘 몰라서 깜깜했습니다. 그럴 때는 벤치마킹이죠 :) 이번 연도에 크게 열었던 솔-직 챌린지 공모전 발표 자료를 찬찬히 살펴보았습니다. https://ictchallenge.meet.or.kr/solution_list.asp 여기서 공모전 발표 자..
안녕하세요 ~ 손누누입니다 :) 지난번에 블로그에 토이 프로젝트 근황에 대해 간략하게 이야기드린 적이 있습니다. 2020 ICT 콤플렉스 앱개발 챌린지(사회적 약자를 위한 앱/ 웹 개발) 본선에 진출하게 되었고, 공모전이 끝나고 난 후 결과에 상관없이 어떻게 공모전을 준비하게 되었는 지 과정을 공유드리기록 했는대요 ㅎㅎ 그 과정을 공유 드리고자 글을 적게 되었습니다. 글 내용이 기획과 디자인을 담당한 저의 입장 위주다 보니 ㅜ-ㅜ 개발과 관련된 내용이 다소 부족할 수 있지만, 공모전을 준비하는 방향과 꿀팁들을 글에 녹여 적어 보았습니다!! ㅎㅎ 저의 값진 경험을 공유합니다. 이 경험이 누군가에게 도움이 되었으면 하는 바람입니다. 공모전 준비기간은?_ 2020 ICT 콤플렉스 앱 개발 챌린지는 2020년 ..
Why So Serious? Just For Fun. No Fun No Gain. 안녕하세요. 누누 컴퍼니의 으악SOUND입니다. 오늘은 아나콘다를 설치하는 방법에 대해 알아보도록 하겠습니다. 아나콘다는 여러 수학 및 과학 패키지들을 기본적으로 포함하고 있습니다. 특히 머신러닝(Machine Learning)이나 데이터 분석(Data Analysis)을 할 때 이용한다면 여러 이점을 가질 수 있습니다. 또한 가상 환경을 손쉽게 구축하고 관리할 수 있는 기능도 제공하기 때문에 파이썬을 이용한 개발 효율을 극대화할 수 있습니다. www.anaconda.com/products/individual#Downloads Anaconda | Individual Edition Anaconda's open-source I..
안녕하세요 :) 손누누입니다. 오늘은 누누컴퍼니에서 함께한 토이프로젝트에 대한 근황들을 정리하는 글을 적어보고자 합니다. 1) 지난 8월, 땅콩님과 함께 출시한 '쉽게 외우는 구구단'이 500명의 사용자를 확보하고 많은 사랑을 받았습니다. 땅콩님과 저의 개인적인 사정으로 인해 기존의 캐릭터가 그려진 쉽게 외우는 구구단 앱을 만날 수 없지만, 1000명의 사용자가 이용하게 되어 감사함을 느낍니다. 앞으로도 많은 사랑을 부탁드립니다. 2) 간타님과 함께한 '귀여운 동쿨 사다리 타러 가기' 반응형 웹 사이트 작업이 완료되었습니다. :) 이에 대한 후기글은 나중에 올릴 예정입니다. 2021년 1월 쯤 올릴 예정입니다. 그 때 자세한 내용을 여러분과 나누겠습니다. 3) 지난 10월 달부터 2달간의 기획을 거쳐 야..
안녕하세요. 손누누입니다. 오늘은 "UI UX 디자이너"라는 타이틀을 적었지만, 모든 '디자이너'들이 사용하는 소프트웨어에 대한 특징을 이야기해보고자 합니다. 모든 '디자이너'들이 가장 많이 사용하는 소프트웨어는 바로!! 포토샵과 일러스트입니다 ㅎㅎ 포토샵은 비트맵 기반이고, 일러스트는 백터 기반입니다. * 비트맵: 점(픽셀, 네모, 사각형)이 모여서 만들어진 이미지입니다. 점이 많이 모일수록 해상도가 높아져 이미지가 더욱 더 선명해집니다. 비트맵의 장점은 백터와 달리 다양한 색상과 명도차를 자연스레 보여준다는 점입니다. 그렇지만 해상도가 높아질수록 용량이 많이 차지하기 때문에 다소 무거운 단점이 있습니다. * 백터 : 점과 점을 잇는 선들이 모여 수치를 이용해서 만들어진 이미지입니다. 이미지 확대 시 ..