본문 바로가기

전체 글

프레임워크 없이 쌩으로 웹사이트 제작하기 - #2. 레이아웃 설계 2019. 8. 28. 12:01 1. 사이트 레이아웃 설계 - 계획 시작하기 전에, 레이아웃 설계가 중요하다는 말부터 하겠다. 무언가 쌓아올릴 때에는 기반이 튼튼해야 안정적으로 온전한 형태를 유지할 수 있다. 무엇이든 부딪혀봐야 아는 것이겠지만, 틀을 잘 짜는 연습부터 하는 것이 좋음. 예를 들면, 그림판을 열어 다음과 같은 프레임을 짜는 것이다. 사이트를 만들기 전에 대충 어떤 느낌으로 가야겠다, 같은 생각을 시각화 하는 것이다. 수치나 정확한 위치는 아직까지는 정해놓지 않아도 된다. 위 사진은 내가 블로그를 제작한다고 생각했을 때 만든 프레임이다. 자신이 무엇을 만드는가에 따라서 생각할 수 있는 틀은 다양해진다. 이것도 자유임 ㅋㅋ 각 영역은 트리처럼 상속되어 있고, 저 사진을 참고하여 영역을 CODE 상으로 표현할 것임. 영역들의..
프레임워크 없이 쌩으로 웹사이트 제작하기 - #1.시작하기 2019. 8. 28. 10:52 시작하기 전에.. 해당 포스팅은 프레임워크 없이 웹사이트를 제작하는 것을 목적으로 하므로, Flask나 Django 등의 프레임워크를 통한 사이트 개발이 목적인 분들은 다른 포스트를 참고하기 바란다. 1. HTML/CSS/Javascript 기초 공부 기본적으로 웹 개발은 HTML과 CSS를 필수적으로 사용하기를 권장하고 있으며, 부가 기능을 이용하기 위해 자바스크립트 또한 공부해놓으면 좋다. 이후에 각 언어에 대한 설명을 따로 포스팅하도록 하겠다. 여튼 알아서 공부해와야 함. 아니면 따라해보면서 해도 좋다. (프레임워크 없이 쌩으로 하는건 나도 첨이라..) 2. Visual Code 다운로드하기 솔직히 개발환경은 무엇이든 좋다. 웹 개발은 Sublime Text 3, VS Code, Vim, 심지어 메..
Android에서 Riot API 를 이용해 롤 전적 검색 어플 만들기 - #2. API 신청 2019. 8. 20. 22:52 https://developer.riotgames.com/ 에 접속하여 자신의 롤 계정으로 로그인한다. 아마 DASHBOARD가 뜰 것이다. 하단에는 API Documentation 과 정책, 임시 API 키 등을 줄텐데, 그 밑에 RATE LIMITS라고 쓰여있는 부분을 보면, 20 requests every 1 seconds(s) 100 requests every 2 minutes(s) 라고 적혀 있을 것이다. API 라는 것은 사전적 의미는 모르겠으나, 자사의 프로그램 또는 시스템의 DB로부터 일반 사람들이 특정 명령어나 문법을 통해 쉽게 데이터를 가져올 수 있게 해주는 서비스라고 생각하면 된다. 이 Riot API를 통해 DB에 접근할 수 있는 횟수를 제한해두었다는 뜻이다. 1초에 최대 20번의 ..
CSS에서 360도로 계속 회전하는 이미지 구현 2019. 8. 20. 22:42 HTML ... ... CSS img.infinite_rotating_logo{ animation: rotate_image 10s linear infinite; transform-origin: 50% 50%; } @keyframes rotate_image{ 100% { transform: rotate(360deg); } } transform-origin의 50% 50%은 회전의 중심 위치를 나타내는데, 완전 원형으로 회전시키려면 이미지 파일의 정중앙에 회전시키려는 중심이 위치 해야한다. 만약 이미지가 중심위치에서 상하좌우 비대칭이라면 다른 이미지 편집 툴을 사용하여 대칭으로 맞춰줘야 한다. animation 특성의 10s는 time period를 뜻하는데, 적을수록 빠르게 회전하므로 적절히 조절하여 설정..
깃허브 링크 공유 2019. 8. 20. 22:32 https://github.com/shyunku shyunku - Overview To be full stack developer. shyunku has 17 repositories available. Follow their code on GitHub. github.com 내 깃허브 링크. 별로 sharing한 건 없지만 공유해둠 열심히 커밋해야지 1000 commits가 목표 --------- 수정: 계정을 바꾸었다. 목표는 10만 커밋이다. (이미 5천 커밋 넘음)
자취방 입주 완료 2019. 8. 11. 21:15 룸메이트와 함께 8월 4일부로 투룸 자취방 입주 완료했습니다ㅎㅎ 그동안 청소하고 인테리어하느라 바빠서 글을 못 올렸는데, 앞으로 열심히 정리글 올릴 예정입니다.
Android에서 Riot API 를 이용해 롤 전적 검색 어플 만들기 - #1. 설계 및 계획 2019. 7. 28. 11:26 롤을 하는 사람이라면 롤 전적 검색 사이트인 op.gg 나 fow.kr, 모바일로는 롤도우미 등 을 써본 적이 있을 것이다. 이번 포스트에서는 안드로이드에서 라이엇 api를 이용한 전적 검색 앱을 만들어 볼 것이다. API를 이용하여 아래와 같은 결과를 낼 수 있다. 예시로 내 본계정을 사용하였으며 어플실행시마다 잘 업데이트되어 나타난다. 플레이어를 한번 닉네임을 통해 추가하게 되면, 닉네임 변경을 해도 플레이어 고유 ID는 남아있어 바로 추적이 가능하다. 그리고 닉네임 변경을 하여 누군지 알 수 없을 경우를 대비해 메모 기능도 추가해두었다. 하지만 아직 전부 완성한 것이 아니라서 raw data view가 조금 남아있고, 추가할 것도 아직 많다. 만들면서 포스트를 진행하겠다. 어플을 만들기 전에 가장 ..
Android Studio Exceptions 정리 및 해결방법 2019. 7. 15. 01:55 계속 추가할 예정임 android.content.ActivityNotFoundException AndroidManifest.xml 파일에 액티비티가 추가되지 않았음 다음 코드를 manifest 파일의 내에 추가, 액티비티 이름은 자신의 새 액티비티 이름으로 java.lang.RuntimeException: Unable to start activity ComponentInfo {shyunku.project/shyunku.project.Activities.InfoActivity}: android.view.InflateException 레이아웃의 형식이 맞는지 확인, 예를 들어 layout_width나 layout_height attribute가 추가되지 않았을 수도 있음. Margin만 표시되었고, Widt..

티스토리툴바