위어드섹터 공식 블로그

최근 진행한 프로젝트 중 React Native를 이용한 App 제작에서 OS 영역을 맡게 되었습니다. 안드로이드와 iOS 개발을 동시 진행하면서 안드로이드에서는 잘 구현되는 기능이 iOS에서는 작동이 안 되는 경우가 생겨 수시로 기능 및 스타일을 확인해야 하는 경우가 생겼습니다. Xcode로 통해 개발을 진행하고 있었지만 불현듯 스마트폰에 연결 후 실시간 연동이 가능했으면 좋겠다 라는 생각을 가지게 되었고, 확인이 가능한 기능이 존재해 개발 진행에 많은 도움이 되어 이번 게시물로 통해 공유하려고 합니다. iOS 개발 특성상 맥 기기와 애플 개발자 계정을 가지고 있어야만 가능합니다. 우선 Xcode를 사용하여 아이폰으로 실시간 연동 및 TestFlight로 통해 Test App 업로드, AppStore에..

데이터 너겟 서비스의 UI화면을 디자인하던 도중 버튼에 인터랙션을 넣는 방법을 알아보았습니다. 그전에 XD에서 인터랙션을 넣어야 하는 이유는 무엇일까요? 디자이너가 머릿속에서 상상하는 인터랙션을 개발자 또는 퍼블리셔에게 설명하는 것은 생각보다 어렵습니다. ‘슈-욱 하게 올라오다가 빡!하고 버튼이 눌리는 느낌’이라고 설명하면 스스로의 설명에 현타가 오기도 하고 원하는 방향대로 개발자가 이해하지 못하는 경우도 많습니다. 이런 이유로 원하는 인터렉션이 있을 때는 최대한 구현을 해서 개발자에게 전달하는 게 좋습니다. 다른 툴에 비해 어도비 XD같은 경우에는 애프터이펙트나 플래시 등을 배우지 않고도 손쉽게 인터랙션을 넣을 수 있어 어도비 XD의 인터렉션을 넣는 방법을 찾아보았습니다. 제가 이번에 서비스 화면에 넣..

리액트 네이티브 기반의 프로젝트를 진행하던 중, 버튼을 화면의 제일 하단으로 배치하고 나머지 영역은 콘텐츠로 채우는 디자인을 퍼블리싱하게 되었습니다. , 태그를 최상단에 작성했을때, 이 태그와 최하단 버튼에 아래와 같이 flex : 1 을 주면 원하는 대로 스타일이 적용되었습니다. test: { flex:1, } 그런데, 태그를 최상단에 작성 후, 위와 같이 스타일을 주었으나 적용되지 않았습니다. 알고나면 쉬운 해결 방법이지만 무엇이 문제인지 모를 때는 답답한 상황입니다..! 이번 글에는 태그를 최상단에 작성했을 때, 최하단으로 버튼을 정렬하는 방법을 공유하려 합니다. 먼저, 제가 디자인 받은 시안은 아래와 같습니다. 텍스트 콘텐츠 영역이 태그로 되어있습니다. [ 시도했던 해결 방안 ] 위 문제를 겪고 ..

이번 게시물은 JavaScript의 반복문을 이용해 삼각형을 구현 하려고 합니다. 단순해 보이면서 어려운 과정이지만 반복문의 기초와 구조를 이해함과 동시에 로직 구현에 있어 많은 동기부여를 받았고, 입사 후 첫 과제이기에 풀이 과정을 기록하려고 합니다. 구현 조건으로는 input 박스 안에 숫자를 넣고 버튼을 클릭하면 입력 숫자에 맞게 삼각형이 생성되어야 합니다. 반복문을 사용해서 구현했고, 반복문은 어떤 명령을 반복적으로 실행해야 할 때 사용되는 언어입니다. 아래 예시를 통해 확인을 해보도록 하겠습니다. for 문은 아래와 같은 순서로 진행됩니다. 가장 먼저 초기화 식인 let i = 0 이 실행되며 한 번만 실행됩니다. 초기화식이 종료되면 조건식이 실행되고 i = 0이므로 평가 결과는 true 입니다..

진행 중인 프로젝트에서 펼쳐보기 버튼을 누르면 상세보기가 되고 생략 버튼을 누르면 생략이 되는 버튼을 컴포넌트가 추가될 때 자동으로 생성되는 것을 목표로 구현해보았습니다. 처음 시도에서는 컴포넌트를 보여주는 것을 관리하는 state를 각각 만들어서 독립적으로 관리하려고 했습니다. 하지만 그렇게 되면, 추가 버튼을 눌러서 컴포넌트를 새로 만들면 새롭게 변수를 만들어야 하는데, 변수를 자동 생성하는 게 쉽지 않았고 변수가 많아짐에 따라 코드의 가독성이 저하되고 유지 보수하는데 어려움이 있는 문제가 발생하였습니다. 이후, 컴포넌트를 보여주는 Boolean 값들을 가지는 배열을 state로 만들었습니다. 그렇게 함으로써 새롭게 컴포넌트를 만들 때, 배열에 값을 push를 해서 관리하기 용이하도록 하였습니다. 이..

안녕하세요. 위어드섹터 하영매니저 입니다. (oﾟvﾟ)ノ 위어드섹터에 아주 좋은 소식이 생겼습니다. 바로 새로운 멤버들이 들어오게 되었어요!! 짝짝짝!! 오늘은 그분들을 소개해드리려고 합니다 :) 먼저 첫 번째 새로운 멤버는 위어드섹터의 비쥬얼담당 최명준 매니저님 입니다. Q1 안녕하세요 최명준 매니저님, 간단한 소개 부탁드릴게요 : D A1 안녕하세요 위어드섹터 개발팀에서 근무하고 있는 최명준 입니다. 삐삐 머리 전문가, 세월을 피하고 싶어도 피하지 못하는 소년 등등 주요 타이틀을 보유하고 있습니다! Q2 위어드섹터를 합류하시게 된 계기가 있을까요? A2 고등학교 졸업 후 대학이 아닌 취업을 선택했고, 현장에서 직장 생활해 왔기에 개발 업종과 다른 길을 걸어온 비전공자입니다. 오랜 세월 직장 생활하다 ..

안녕하세요. 처음 인사드립니다. 위어드섹터 N현주 매니저 입니다. 오늘은 앞선 위어드섹터의 인터뷰를 진행해주신 분을 소개해드리려 합니다. 바로 위어드섹터의 대나무 숲 유하영 매니저님 입니다. Q1 안녕하세요 하영 매니저님, 간단한 소개 부탁드릴게요 : ) A1 안녕하세요. 위어드섹터 기획팀 그로스매니저 유하영이라고 합니다. 인터뷰를 진행해오던 입장이었는데 막상 제가 받으려고 하니 어색하네요 ㅎㅎ Q2 위어드섹터를 어떻게 처음 알게 되었고, 어떻게 합류하게 되셨는지 궁금해요! A2 우선 위어드섹터를 채용 사이트를 통해 알게 되었는데 회사 홈페이지 보고 관심이 가더라구요. 무슨 회사인지 이것저것 검색하다가 예전에 채용 기간에 쓰셨던 포스터 슬로건 보고 마음이 끌린 것도 있었어요. '이런 마인드로 회사를 운영..