본문 바로가기
728x90
반응형
SMALL

전체 글164

[안드로이드/Layout] Constraint Layout 제약 레이아웃 - chain 걸기 Constraint Layout view 또는 부모에게 제약을 걸어 화면을 구성할 수 있는 레이아웃이다. ConstraintLayout | Android Developers developer.android.com 부모에게 제약 걸기 특정 뷰에게 제약 걸기 식별자 id 로 제약을 건다. view 끼리 chain 걸기 chainStyle="spread" app:layout_constraintHorizontal_chainStyle="spread" chainStyle="packed" bias="0.5" app:layout_constraintHorizontal_bias="0.5" app:layout_constraintHorizontal_chainStyle="packed" chainStyle="packed" bia.. 2022. 2. 16.
[안드로이드/View Widget] ImageView 이미지뷰 ImageView 이미지를 출력할 수 있는 뷰 컴포넌트이다. src : 이미지 파일의 경로를 지정해주는 속성이다. res > drawable 폴더가 image 파일들을 모아놓는 폴더인데, 이 경로는 /작업폴더/프로젝트폴더/src/main/res/drawable 이렇게 길다. 이렇게 긴 경로를 @drawable 로 표현할 수 있고, @drawable/이미지명 이렇게 사용하면 된다. scaleType="centerCrop" : 이미지를 크기에 맞추어 가운데 정렬로 크기에 맞추어 잘라주는 속성이다. 가로, 세로 200dp 로 정해진 크기에 이미지가 가운데에 맞춰서 잘려진 것을 확인할 수 있다. 2022. 2. 15.
[안드로이드 기본 개념] 화면 구성 (View Component, Layout), 화면 구성 방법(xml 파일) View Component 안드로이드 화면을 구성하는 요소들을 View Component 라고 한다. 예를 들어 텍스트, 이미지, 토글 버튼, 로딩 바, 이미지 버튼 등을 가리킨다. 화면을 구성하는 방법으로는 2가지가 존재한다. 1. xml 파일의 Design 모드에서 story board 를 활용해 Drag&Drop 하는 방식 (자동으로 코딩됨) 2. xml 파일에 직접 코딩하는 방식 Layout 생성 화면 구성은 res > layout 폴더에 저장되고 처리된다. 새로운 xml 파일을 생성할 때에는 layout 폴더 위에서 오른쪽 마우스 버튼을 클릭해 New > layout > Layout Resource File 을 클릭하고, 파일 명을 적고 OK 하면 된다. Root element 에는 기본적으로 .. 2022. 2. 15.
[안드로이드 기본 개념] 'dp' 단위 px (pixel, 픽셀) 크기의 단위로 px (pixel, 픽셀) 을 그동안 사용해왔다. px은 물리적인 단위로 고정된 값이여서 안드로이드 개발에서는 잘 쓰이지 않는다. 디바이스의 종류가 많고, 디바이스별 화면 크기가 제각각이기 때문에 고정된 크기의 단위를 사용한다면 디바이스별로 차이가 크게 날 것이기 때문이다. 그렇다면, 어떤 단위를 사용해야 할까? dp 'dp' 라는 단위를 사용한다. dp는 논리적인 단위로 디바이스별 크기에 따라 크기가 계산되어지는데 이때 dpi, 해상도가 중요하게 다뤄진다. dpi 란? dot per inch 의 약자로 1인치 안에 들어있는 px 의 갯수이다. dpi가 높을수록 고해상도이고, 낮을수록 저해상도이다. 안드로이드에서 명시한 기준으로 볼 때, ldpi = 1인치에 12.. 2022. 2. 14.
[Node.js] 6. express 모듈 - GET 방식 Express 모듈 : http 모듈만을 사용해서 웹 서버를 구성하면 직접 많은 기능을 개발해야 한다. 이 문제를 해결하기 위해서 만들어진 모듈이 익스프레스 이다. 익스프레스 모듈을 사용하면 간단한 코드로 웹 서버의 기능을 대부분 구현할 수 있고, 미들웨어와 라우팅를 사용해 편리하게 웹서버를 구성할 수 있다. * 미들웨어 : 웹서버에 기능을 추가하는 것 * 라우팅 : 애플리케이션 엔드 포인트(URI)의 정의, 그리고 URI가 클라이언트 요청에 응답하는 방식 - 메소드 use( ) : 미들웨어 함수를 사용한다. (미들웨어를 등록) get( ) : GET 방식으로 사용자 정보를 전달받는다. set( ) : 서버 설정을 위한 속성을 설정한다. redirect( ) : 웹페이지의 경로를 강제로 이동시킨다. se.. 2022. 1. 17.
[안드로이드/Layout] FrameLayout 프레임 레이아웃 : 부모가 될 수 있는 태그로, 화면들을 겹치게 할 수 있는 태그이다. 자식요소의 순서로 제일 아래에 위치한 태그가 맨 위로 올라오게 된다. 겹치는 순서를 조정하기 위해 z-index 라는 개념이 필요하다. z-index : 화면의 순서를 값으로 표현할 수 있는 속성으로, 값이 높을수록 화면의 맨 위에 위치하게 된다. 안드로이드 스튜디오 화면의 오른쪽 아래에 보면 Layout Inspector 탭이 있다. 가상 디바이스를 실행하고 이 탭을 누르게되면 아래와 같이 view들의 층(layer)을 확인할 수 있다. LinearLayout 의 자식뷰들은 z-index 속성이 없어서 겹쳐지지도, 층이 생기지도 않고 평면으로 나타나진다. 반면, FrameLayout 에서는 보라색view가 맨 밑, 초록색view가 .. 2021. 12. 21.
728x90
반응형
LIST

티스토리툴바