Frontend
웹, 앱에서의 Frontend 개발자의 역할 및 특징
- 사용자에게 보여지는 화면을 직접 개발 - UX측면을 잘 고려했는지 등
- 겉으로 드러나는 기능, 화면 개발 - user와 상호작용하는 기능 등
- 백엔드 개발자가 전달해주는 데이터 사용
- 매우 빠르게 변함 - 캐치하는 능력 중요
Kotlin
최근 안드로이드 개발 언어 트렌드는 코틀린임
코틀린 모르면 소통이 안 될 것임
코드의 직관성
- java에 비해 훨씬 간결
코드의 안전성
- null point exception 오류 방지
- 변수를 선언할 때 널 값 올 수 있는 변수, 없는 변수 가능
View
화면을 구성하는 모든 기본 화면의 구성 요소
핸드폰 어플로 보는 모든 것이 view라고 할 수 있음
view는 view를 포함할 수 있고 다양한 화면을 구성할 수 있음
View의 기본 속성
- view 태그에 다양한 속성 추가 가능함
- 속성들은 view에 따라 다름
- 속성 값을 어떻게 주는냐에 따라 view가 보여지는 모습이 달라지며,
- 같은 view를 쓰더라도 다양한 형태를 가질 수 있게 됨
- Id : 뷰의 식별자 속성
- layout_width, layout_height : 뷰의 크기 지정 (match_parent, wrap_content, dp 단위)
- margin, padding : 뷰와 뷰 사이의 간격, 뷰 내부에서 뷰 내용과 뷰 테두리간 간격 지정
view의 종류
1. TextView
- Text : 안에 들어갈 글자를 설정할 수 있음
- TextSize : 숫자 크기 설정 가능, sp 단위
- TextStyle
2. ImageView
- src : 어떤 이미지를 이미지뷰에 넣을 것인지 알려줌
- scaleType : 옵션 값에 따라 이미지뷰 크기 등이 다르게 출력되기 때문에
이 속성값을 활용해보고 이에 따라 이미지뷰가 어떻게 보이는지 알아가는게 중요
Layout
뷰 중 눈에 보이지 않는 것들
뷰를 어떤 모양으로 담을 틀/그릇
layout도 뷰를 상속하여 정의했기 때문에 layout 안에 layout 담을 수 있음
layout 안에 layout 등 복잡하지만 다이나믹한 구조 만들 수 있음
layout을 제외한 뷰 중에 눈에 보이는 것들 -> widget
Layout의 종류
1. Linear Layout
- 세로 또는 가로의 단일 방향으로 모든 요소를 정렬하는 레이아웃
- vertical/horizontal - 뷰가 한 방향으로 집중됨
- list 모양을 떠오르면 됨
2. Relative Layout
- view끼리의 상대적 위치로 배치를 적용하는 Layout
- view를 배치할 때 기존에 존재하는 view를 기준으로 상대적 위치를 설정하여 view를 배치
3. Constraint Layout
- Linear Layout이 가진 가중치의 장점과 Relative Layout이 가진 상대적 위치 관계에 따른 배치를 활용할 수 있는 Layout
- 가장 많이 쓰이는 Layout
- Android studio에 기본으로 설정되어 있는 Layout
- constraint 계약 :
- constraint 계약 내부 자식에게 상하좌우에 각각 하나씩 걸 수 있음
- 제약으로 인해 relative Layout처럼 어떤 뷰의 상하좌우에 위치하게끔 할 수 있고,
어떤 뷰들 사이에 위치하게끔 할 수 있음 - 이 Layout으로 다른 Layout을 배치할 수 있고, 안드로이드 사이트에서도 이러길 권장하고 있음
4. Frame Layout
- 여러 개의 View를 중첩으로 배치하고 그 중 하나를 Layout의 전면에 표시할 때 사용하는 Layout
- 여러 개의 view를 겹쳐놓고, 그 view들을 삭제해가며 보여주고 싶을 때 유용하게 쓰임
5. Table Layout
- 행과 열로 이루어진 표 형태의 구조를 가진 Layout
- 행 통합 불가능
6. Grid Layout
- Table Layout의 단점을 보완한 Layout
- 직관적인 행렬선언과 셸 병합을 할 수 있고, 각각 행과 열의 개수를 지정할 수 있음
'대외활동 > UMC 동아리' 카테고리의 다른 글
| [UMC 5기] Android 워크북 3주차 (0) | 2023.09.29 |
|---|---|
| [UMC 5기] Android 워크북 2주차 (1) | 2023.09.29 |
| [UMC 5기] Android 스터디 2주차 (0) | 2023.09.24 |
| [UMC 5기] Android 워크북 1주차 (0) | 2023.09.22 |
| [UMC 동아리] 5기 합격 후기 (0) | 2023.09.17 |