Java 위주로 프로젝트를 진행하면서 Java에 나름 익숙한(?) 편이지만 다시 차근차근 개념 정리를 할 필요성을 느끼게 되었다. 앞으로 코테도 준비해야하고 Kotlin도 배우려면 Java의 기본기가 중요하다고 판단되어 공부를 시작하게 되었다. 시작으로는 인프런 강좌인 'Do it! 자바 프로그래밍 입문' 강의를 활용해보고자 한다. 해당 강좌로 기초부터 쌓은 후 심화적인 내용까지 다뤄볼 생각이다. 1-1. Java 세팅하기 - jdk / jre 설치 오라클 홈페이지 : https://www.oracle.com/java/technologies/downloads/ 위의 링크를 클릭하여 오라클 홈페이지에 접속한 뒤, Java 실습에 필요한 jdk와 jre를 자신의 운영체제에 맞게 다운받으면 된다. jdk는 최..

작업하다가 초기화 시키는 작업이 필요하여 공부해보았다. 생각보다 매우매우매우 쉬워서 당황스러웠다...😅 Edittext 와 ImageView에 데이터를 받아와서 입력된 값이 존재하는 상태인데, 뒤로가기 하면서 이를 초기화시킬 필요가 있어서 공부한 것을 한 번 적용해보았다. 1. 변수 선언해주기 먼저 Edittext 와 ImageView를 활용할 수 있도록 상단에 변수를 선언하여 주고, 뒤로가기 버튼에 대한 변수도 선언하여 준다. 2. 코드 입력해주기 onCreate 안에 코드를 작성하여 준다. 뒤로가기 버튼인 back.btn의 setOnClickListener 안에 et_search.setText(null); book_img_view.setImageResource(0); 이렇게 두 줄의 코드를 작성해주고..

베스트셀러 리스트를 보여주는 기능을 구현함에 있어서 어떻게 접근을 하면 좋을지 고민이 많았다. '베스트셀러 API' 라고 검색을 했을 때 생각보다 마음에 드는 API가 많지 않았다. 오히려 '책 검색'만을 지원하는 API가 더 많았던 것 같다. 몇 없는 API 중에서 '인터파크 도서 Open API'가 그나마 제일 적합하다고 생각되어 사용하기로 했다. 1. 인터파크 도서 사이트 접속하기 http://book.interpark.com/blog/basicInfoManageTotalForm.rdo 먼저 해당 링크를 클릭하여 사이트에 접속한다. 접속 후, 인터파크 도서에 로그인을 해야한다. 만약 인터파크 도서 아이디가 없다면 회원가입을 해줘야한다. 2. 본인 인증키 확인하기 상단 메뉴 중에서 '오픈업(Open ..

프로젝트를 진행하면서 상태를 선택하는 버튼을 어떻게 구성할까 고민이 많았다. 저번 프로젝트에서 라디오 버튼을 커스텀하면 다양하게 변화를 시킬 수 있다는 것을 배워서 이번에도 사용해보기로 했다. 기본 라디오 버튼 모양이 아닌, 커스텀을 통해 내가 원하는 대로 변형을 하여 구현하는 방법을 공부해보았다. 1. 원하는 형태로 xml 구성하기 Radio Button을 사용하려면 RadioGroup으로 감싸줘야 한다. 버튼은 2개만 필요해서 2개만 넣었지만, 원하는 대로 갯수를 늘려서 사용할 수도 있다. background에 적혀있는 selector가 작동하게 하기 위해서는 추가로 xml 파일들이 필요하다. 2. selector.xml 생성하기 selector를 만들기 위해서는 '버튼을 체크했을 때 / 체크하지 않..

프로젝트를 하면서 프로필 사진을 넣는 이미지 뷰가 필요했다. 프로필 사진은 대부분 사각형 보다는 원형으로 처리하는 것 같다. 안드로이드 스튜디오 이미지 뷰는 디폴트가 사각형이기 때문에 원형으로 바꿔줘야 한다. 생각보다 간단하게 원형으로 적용할 수 있는 방법이 있어서 공부해보았다. 1. Gradle에 추가해주기 해당 문장을 Gradle Scripts - build.gradle(Module: app)에 그대로 적어서 Sync Now를 눌러주면 적용된다. GitHub - hdodenhof/CircleImageView: A circular ImageView for Android A circular ImageView for Android. Contribute to hdodenhof/CircleImageView d..

저번 [3주차] 섹션 5~6 에 이어서 이번 주에는 [4주차] 섹션 7~10 을 수강했다! ​ 정신을 차리고 보니 벌써 한 달이라는 시간이 흘러 마지막 주차를 수강하고 있네... ㅎㅎ (시간 참 빠르다...🥲) 드디어 100% 완강 !!! 와아아아아-👏👏👏 내가 완강을 하다니 ㅠㅠ 뿌듯뿌듯...😭 ​ 다 리프 덕분입니다...💚 섹션 7. 스타일가이드 만들기 UI를 제작하다 보면 자주 사용하는 색상들이 있게 되는데 사용하기 쉽도록 설정하는 방법을 배워보았다. 기본적으로 Figma에서 제공해주는 색상들이 있는데, 위의 색상들도 평소에 필요한 색상들이라 유용하게 사용할 것 같다. 지난 번에 진행했던 프로젝트 때 제작했던 앱 내에서 자주 사용했던 색상들을 기반으로 한 번 만들어보았다. ​ Primary : 주로..

저번 [2주차] 섹션 3~4 에 이어서 이번 주에는 [3주차] 섹션 5~6 를 수강했다! ​ 이번 강의들도 알차게 실습 시간들이 많아서 재미있게 들었던 것 같다 😁 ​ 섹션 5~6을 수강하고보니 진도율이 무려 74.54% !!! 다음주면 진짜 완강 😭 ​ 진짜 이번에야말로 기필코 완강 해내고 만다!! 섹션 5. 컴포넌트 이해와 활용 먼저 '컴포넌트'란 미리 만들어 놓은 소스이며, 상단 툴에서 제일 왼쪽 버튼을 클릭하거나 마우스 우클릭 - create components 버튼을 클릭하면 컴포넌트가 생성된다. ​ 컴포넌트 안에는 마스터와 인스턴스라는 개념이 있는데 마스터는 다이아몬드가 채워져있는 형태이고, 인스턴스는 다이아몬드가 비어있는 형태이다. 컴포넌트 갯수가 많을 경우 이렇게 오른쪽 패널에서 Go to..

저번 [1주차] 섹션 0~2에 이어서 이번 주에는 [2주차] 섹션 3~4 를 수강했다! ​ ​ 섹션 0~2 는 기본적인 Figma의 개념 및 간략한 구성에 대해서 알아보는 시간이었다면, 섹션 3~4 부터는 세세하게 Figma툴들을 배우면서 익히는 시간이었던 것 같다. 섹션 3~4 까지 수강했더니 벌써 29강이나 들어서 진도율이 무려 52.72% !! ​ 벌써 강의의 반을 들었다니... 오오오...555... 나자신 칭찬해... 섹션 3. 인터페이스 살펴보기 섹션 0~2 에서 배웠듯이 Figma는 웹 / 데스크 앱 두 가지 버전으로 제공해서 다양하게 사용할 수 있다는 장점이 있었다! 웹에서는 햄버거 메뉴 = 메뉴 모음이고, 홈으로 가려면 Back to files를 눌러야한다. ​ 데스크 앱에서는 상단 탭 ..

드디어 본격적으로 인프런 리프 2기 활동 시작!!! ​ 내가 선택한 과목은 'Figma 입문' 이다. sketch, Adobe XD 등과 같은 툴도 많지만 요즘 Figma가 UX/UI 툴 중 뜨고 있다고 한다. ​ 아주 핫한(?) 프로그램을 인프런을 통해 배울 수 있어서 영광이었다 🥰 ​ ​ 강의는 총 10개의 섹션으로 구성되어 있고, 이번 [1주차]에는 섹션 0~2(총 12강) 를 공부해보았다. ​ 벌써 22% 정도 수강했다니! 뭔가 쑥쑥 올라가는 느낌이라 그런지 왠지모르게 뿌-듯 ㅎㅎ Figma는 두 가지 버전으로 프로그램을 제공하는데, 서로 상단 부분 UI가 다른 걸 볼 수 있다. ​ 웹에서도 사용할 수 있고, 데스크탑 앱으로도 사용할 수 있어서 사용자에게 편한 걸 선택해서 작업 환경을 세팅하면 될..

스플래쉬 화면은 앱을 실행시켰을 때 인트로처럼 잠깐 나왔다 사라지는 화면이다. 프로젝트에 사용할 스플래쉬 화면을 만들기 위해 스플래쉬 화면 만드는 방법을 공부해보았다. 1. 스플래쉬 화면 Activity 생성하기 layout 우클릭 - New - Layout Resource File 순서대로 클릭하여 액티비티를 생성하고, 스플래쉬 화면에 사용할 이미지를 활용하여 레이아웃을 구성한다. 2. 스플래쉬 Java Class 생성하기 package폴더 우클릭 - New - JavaClass 순서대로 클릭하여 자바 클래스를 생성하고, 코드를 작성한다. 인텐트로 스플래쉬 화면을 띄우게 되는데, 인텐트를 생성할 때 스플래쉬 화면이 끝나고 보여지는 화면에 대한 클래스를 적어줘야 넘어간다. '3000'의 의미는 스플래쉬 ..

안드로이드 스튜디오에서 기본 버튼 모양은 사각형이다. 둥근 버튼을 만들고 싶어 버튼 모서리를 둥글게 하는 방법에 대해서 공부해보았다. 1. xml 파일 생성하기 res - drawable 우클릭 - New - Drawable Resource File 을 클릭하여 원하는 이름으로 xml 파일을 생성해준다. (소문자만 가능) 2. radius 설정하기 생성한 xml 파일에 코드를 작성하여 버튼 모양 / 버튼 색상 / 버튼 모서리 둥근 정도 / 버튼 테두리 등을 설정할 수 있다. 3. 버튼 생성하기 사용할 곳에 버튼을 생성하여 background로 xml파일을 불러온다.

프로젝트를 진행하다가 원하는 글꼴을 사용하고 싶어 폰트 파일 적용하는 방법에 대해 공부해보았다. 생각보다 간단하게 적용할 수 있었다. 1. 폰트 디렉터리 생성 폰트 파일을 적용하기 위해서는 font 디렉터리가 필요하다. : res 우클릭 - New - Directory - 'font' 입력 2. 폰트 파일 추가하기 원하는 폰트 파일 (.tff)을 복사(ctrl+c)하여 font 디렉터리에 붙여넣기(ctrl+v) 해준다. *주의! 폰트 파일에 대문자가 없어야 한다. 대문자가 있다면 소문자로 바꿔준다. 3. font.xml 생성하기 fontStyle : 글꼴 스타일 (normal, bold...) fontWeight : 글꼴 굵기 (400 : 보통 굵기) font : 폰트 파일 위치 4. 폰트 파일 적용하기..