본문 바로가기

전체 글61

[서비스 기획] 와이어프레임과 프로토타입 해당 글은 여러 홈페이지와 블로그에서 와이어프레임과 프로토타입과 관련해서 알아두면 좋을 기본 정보들을 정리한 글입니다. 더 자세한 내용을 알고 싶으시다면 맨 밑에 있는 Reference에 적혀 있는 해당 페이지로 가보시는 것을 추천합니다. 관련 용어 2 와이어프레임(Wireframe): UI 중심의 화면 레이아웃 목업(Mockup): 실물과 흡사한 정적인 형태의 모형 프로토타입(Prototype): 다양한 인터랙션이 결합되어 실제 서비스처럼 작동하는 모형 스토리보드(Storyboard): 정책, 프로세스, 와이어프레임, 디스크립션 등 모두 포함된 문서 프로토타이핑 툴 분류 2 기획 단계에서 사용하는 툴: 화면 UI 설계 및 인터랙션 적용에 최적화됨 디자인 작업 후 사용하는 툴: 디자인된 이미지의 인터랙션.. 2022. 11. 30.
[마크다운] 문법 정리 마크다운은 HTML과 같은 마크업 언어로 배우기가 쉽고 관리하기가 쉬워서 많은 곳에서 사용됩니다. 개발자들이 자주 사용하는 깃헙, 주피터 노트북, 스택 오버플로우, 비개발자들도 자주 사용하는 티스토리, 노션에서도 마크다운 문법을 지원합니다. 그러나 마크다운은 표준 문법이 없다는 단점을 가지고 있어서 어떤 곳에서는 작동하는 문법이 어떤 곳에서는 작동하지 않을 수 있습니다. 그래서 이 글에서는 보편적으로 사용 가능한 문법 위주로 서술했습니다. 헤더 제목을 쓰고 싶을 때 사용됩니다. #을 1~6개 쓰고 띄어쓰기를 꼭 한 다음 원하는 글을 적으면 됩니다. #을 적게 쓸수록 글자 크기가 커지며, #을 1개만 쓰면 글자가 자동으로 bold처리 되면서 글 밑에 수평선이 자동으로 추가됩니다. #을 쓰지 않아도 글 바로.. 2021. 9. 26.
[공유기] IP TIME에서 꼭 설정해줘야 하는 것들 어떠한 공유기든 처음 구매를 했거나 초기화를 한 후 제대로 설정을 해주지 않으면 보안 이슈가 생길 수 있습니다. 가령 다른 사람이 내 공유기를 허락 없이 사용하거나, 인터넷 사용 정보를 빼가거나... 따라서 공유기 설정을 해줘야 합니다. 이 글에서는 IP TIME 공유기에서 꼭 설정해줘야 하는 부분들에 대해 알아보겠습니다. 가장 먼저 IP TIME 관리자 페이지로 접속해줍니다. 관리자 페이지는 다음 링크로 접속할 수 있습니다. http://192.168.0.1/ 접속한 후 로그인을 해줍니다. 로그인 이름은 'admin'이고 비밀번호는 아직 바꾸지 않았기 때문에 'admin'입니다. 구글 크롬에서 로그인하면 '비밀번호 변경' 안내문이 뜹니다. 곧 비밀번호를 바꿀 것이기 때문에 그냥 '확인' 버튼을 클릭해도.. 2021. 3. 31.
[공유기] IP TIME 초기화 하는 방법 저는 IP TIME 공유기를 쓰는데 가끔 와이파이를 까먹을 때가 있습니다. 그럴 때는 비밀번호를 찾느라 씨름하기보다는 그냥 공유기를 초기화합니다. 이번 글에서는 공유기를 초기화하는 방법을 알아보고 다음 글에서 초기화된 공유기를 세팅하는 방법에 대해 알아보겠습니다. 공유기의 뒷면을 보면 [사진 1]처럼 빨간색 동그라미 쳐진 부분에 'RST WPS'라고 적힌 버튼이 있습니다. 전원과 랜선이 연결된 상태에서 이 버튼을 약 5초에서 10초간 볼펜처럼 뾰족한 거로 꾹 누릅니다. [사진 2]에 빨간색 동그라미 쳐진 CPU라고 써진 부분이 계속 깜빡거리면 공유기 초기화가 성공적으로 완료됐습니다. 핸드폰이나 컴퓨터에서 와이파이 기능을 키면 비밀번호가 걸리지 않은 iptime이 보일 것입니다. 연결해줍니다. 와이파이를 .. 2021. 3. 31.
[안드로이드 스튜디오] 블루스택으로 디버깅하기 ■ 블루스택 설정 바꿔주기 블루스택을 실행한 후 우측 하단의 톱니바퀴 모양을 클릭합니다. 설정 탭에 들어가서 'ADB (Android 디버그 브릿지) 사용'을 체크해줍니다. 그리고 주황색 글씨로 적혀있는 127로 시작하는 숫자들을 메모해줍니다. 맨뒤에 있는 5자리 숫자는 사람마다 다를 수 있습니다! 만약 저기에 숫자가 안 적혀있다면 127.0.0.1:55555를 메모해줍니다. 저는 [사진 2]에 나와있는 '127.0.0.1:51008'을 메모했습니다. 이번에는 기기 탭으로 들어갑니다. 현재 블루스택이 사용 중인 프로필 기기를 기억해줍니다. 저는 'Google Pixel 2XL'을 사용 중입니다. 스크롤을 내려서 '루트 권한 사용'을 체크합니다. ■ ADB를 사용해 안드로이드 스튜디오와 블루스택 연결해주기.. 2021. 3. 24.
[블루스택] 설치하기 블루스택은 안드로이드 앱을 PC에서 실행할 수 있도록 해주는 에뮬레이터로 주로 게임을 할 때 많이 사용합니다. 저는 안드로이드 스튜디오에서 안드로이드 앱을 개발할 때 AVD를 대체할 에뮬레이터로 사용하려고 설치했습니다. 왜냐하면 블루스택이 AVD보다 성능이 매우 우수할뿐더러, 제 컴퓨터에서는 HAXM을 사용하지 못하기 때문입니다. AVD를 대체할 수 있는 에뮬레이터는 많지만 블루스택이 최적화가 잘 돼 있으며 다른 에뮬레이터들에 비하면 보안이 매우 엄격하다는 장점이 있습니다. 그럼 블루스택을 설치하고 실행하는 방법을 보겠습니다. 블루스택 설치하기 블루스택 홈페이지로 들어가서 가운데 있는 [다운로드 BlueStacks 4] 버튼을 클릭하면 설치 파일이 다운됩니다. 다운받은 설치 파일을 실행해줍니다. [지금 .. 2021. 3. 22.
[Intel HAXM] 수동으로 설치하기 Intel HAXM은 무엇인가? Intel HAXM(Intel Hardware Accelerated Execution Manager, 인텔 하드웨어 가속 실행 관리자)는 안드로이드 스튜디오에서 코딩을 하고 안드로이드 에뮬레이터를 돌릴 때 속도를 빠르게 해 주고 성능을 향상해주는 역할을 합니다. 따라서 HAXM이 없다면 에뮬레이터의 실행 속도가 매우 느리게 된다는 단점이 있습니다. 또한, 에뮬레이터가 정상적으로 돌아가지 않을 때도 있습니다. 시스템 요구사항 -인텔 프로세서를 사용해야 Intel HAXM을 설치할 수 있습니다. Intel이 아닌 AMD나 타회사에서 제조한 프로세스를 사용하면 Intel HAXM을 설치하지 못합니다. -프로세서가 '인텔 가상화 기술'을 지원하지 않으면 설치를 할 수 없습니다. .. 2021. 3. 22.
[안드로이드 스튜디오] 'Intel HAXM installation failed' 원인과 해결법 안드로이드 스튜디오를 설치하면 간혹 [사진 1]처럼 빨간 글씨로 'Intel HAXM installation failed'라는 글이 보일 수 있습니다. 안드로이드 스튜디오는 정상적으로 설치됐는데 Intel HAXM이라는 프로그램이 설치되지 않았다는 것입니다. Intel HAXM이 설치가 되지 않아도 안드로이드 개발을 할 수 있지만 개발을 할 때 불편함이 생길 수도 있고 나중에 문제가 발생할 수도 있습니다. 그렇다면 Intel HAXM은 무엇이고, 어떠한 원인들로 인해 설치가 실패됐으며, 해결책은 무엇인지 알아보겠습니다. Intel HAXM을 따로 설치하기 위해서는 컴퓨터에서 건드려야 할 부분이 많습니다! 잘못 건드리면 컴퓨터에 문제가 생길 수도 있습니다. 또한, 컴퓨터마다 HAXM이 설치되지 않는 원인들.. 2021. 3. 19.
[안드로이드 스튜디오] 설치하기 ■ 설치 파일 다운받기 developer.android.com/studio?hl=ko 상단의 URL을 클릭하면 [사진 1]로 이동됩니다. 이곳에서 [DOWNLOAD ANDROID STUDIO]를 클릭해주세요. 사용 약관을 한 번 쭉 읽어보시고 동의하면 박스에 체크하시면 됩니다. 그 후 [다운로드: ANDROID STUDIO]를 클릭하면 사용하고 있는 운영체제에 맞게 설치 파일이 다운됩니다. ■ 설치 파일 실행하기 다운받은 파일을 클릭하면 [사진 3]과 같은 창이 뜹니다. [Next]를 클릭합니다. [Next]를 클릭합니다. Android Virtual Device(AVD)는 컴퓨터 내에서 에뮬레이터를 돌릴 수 있도록 해주는 기능입니다. 안드로이드 기기가 없더라도 AVD를 사용해서 웬만한 코드는 전부 테스.. 2021. 3. 16.

티스토리툴바