앱 만들기399

• 

  CSS 인라인 스타일 이란? CSS 인라인 스타일 이란? 특정 태그에만 CSS 스타일을 적용하는 것을 말합니다. 인라인 이란 표현 그대로, 특정 태그 내부에 전역 속성인 style 지정해서 사용할 수 있습니다. 그렇기에 해당 요소에서만 스타일이 동작 합니다. 인라인 스타일의 문법은 하기와 같습니다. 그럼 인라인 스타일 예제를 만들어볼까요? CSS 인라인 스타일 인라인 스타일은 특정 태그안에 스타일을 직접 표현한다. 해당 태그에만 스타일이 적용되는 장점이 있다 여기서는 배경을 바꾼다 위 예제를 브라우저에 실행해보면 하기 결과 값과 같이 여러 태그 중 스타일을 적용한 태그 들에만 CSS 스타일 디자인이 적용된 것을 볼 수 있습니다. CSS 인라인 스타일을 만들기위한 style은 모든 태그들이 가지는 전역속성에 속합니다. 그렇기에 모든 .. 앱 만들기/CSS study 2022. 11. 16.

• 

  HTML h 태그 란? 태그는 제목을 나타낼때 쓰이는 태그 입니다. heading 의 줄임말로 이 가장 큰 제목이고 이 가장 작은 글씨의 제목 입니다. 위 코드를 브라우저에서 실행하면 하기 와 같은 결과를 얻을 수 있습니다. DOCTYPE html> Document h1 이 가장 큰 제목 입니다 h2 두번째로 큰 제목 입니다 h3 세번째로 큰 제목 입니다 h4 네번째 제목 크기 입니다 h5 다섯번째 제목 크기 입니다 h6 가장 작은 제목 크기 입니다 앱 만들기/HTML5 study 2022. 11. 15.

• 

  HTML 텍스트 태그 어원 HTML 태그 중 텍스트를 표현하는 태그들의 어원을 정리해봅니다. HTML 은 마크업 언어 입니다. Mark up 이란 표시한다는 뜻을 가지고 있습니다. 웹브라우저 는 서버에서 받아온 HTML 태그들을 분석하여 화면을 구성합니다. 참고로 HTML 들의 태그들은 시맨틱 태그 라고도 불리웁니다. Semantic 이란 뜻은 '의미론적인, 의미에 관련된' 이라는 의미로, HTML 태그 자체에 그 의미가 부여 되었다는 뜻입니다. 위 태그들만 보더라도 각 태그가 영어의 줄임말로 그 뜻을 나타낸다는 것을 알수 있습니다. 사람도 알아보기 쉽지만, 브라우저 어떤 화면 구성 과 폼인지를 손쉽게 알수 있습니다. HTML 학습 시, 무조건 암기 보다는 코드 실습을 하면서 어원 자체를 이해하는 것이 해당 태그를 빠르게 습득하는.. 앱 만들기/HTML5 study 2022. 11. 14.

• 

  CSS 글자색 바꾸는 방법 CSS 글자색 바꾸는 방법 4가지에 대해서 알아봅니다. 1. 색상 이름으로 컬러 변경 2. #16진수로 컬러 변경 3. rgb로 컬러 변경 4. hsl로 컬러 변경 CSS에서 글자 색을 바꾸는 방법은 위 네 가지입니다. 하기 예제를 통해 본인 스타일로 변경 혹은 클론 코딩(똑같이 쳐보기)해보는 것이 중요합니다. 공부를 할 때 필기를 하면서 자신의 생각을 정리하는 것과 동일합니다. 컬러 색상이름으로 표현 컬러 #16진수로 표현 컬러 rgb로 표현 컬러 hsl로 표현 브라우저에서 확인한 결과값은 하기와 같습니다. 그럼 예제를 통해서 하나씩 살펴보겠습니다. 1. 색상 이름으로 컬러 변경 색상 이름값을 직접 표기하여 색상값을 나타내는 방법입니다. 가장 직관적인 방법 입니다. Visual Studio Code(V.. 앱 만들기/CSS study 2022. 11. 7.

• 

  CSS font-size em 뜻 em을 알아보기 전, CSS에서 사용되는 기본 글꼴의 크기에 대해서 알아보겠습니다. CSS의 기본 글꼴 사이즈, 즉 font-size를 설정하지 않으면 기본 크기는 16px입니다. 이 의미는 브라우저의 기본 텍스트 크기가 16px라는 뜻입니다. em 은 px(픽셀)처럼 고정된 값이 아니라 상대적인 값이라서 CSS 폰트에 범용적으로 사용되고 있습니다. 1em = 16px(브라우저 기본 글꼴) 하기 예제를 통해서 브라우저 기본글꼴인 상태에서의 1em 크기를 살펴보겠습니다. em을 사용하면 상대적인 폰트 크기를 나타낼 수 있기에 여러 브라우저 및 모바일 브라우저 등에서도 폰트를 잘 표현해 낼 수 있는 장점이 있습니다. 안드로이드의 dp와 유사한 개념입니다. 참고로, px(픽셀) 을 통해서 em 을 얻는 공식은.. 앱 만들기/CSS study 2022. 11. 6.

• 

  안드로이드 Color 값 세팅하는 방법 Color 클래스로 색상 값을 손쉽게 지정하는 방법은 3가지가 있다. Color.RED 처럼 Color 클래스에 선언된 static field 를 활용하는 방법과 Color.parseColor() 함수를 활용하여 인자 값으로 포토샵 등에서 색상 16진수 값을 가져오는 방법이다. 마지막으로는 Color.rgb(r, g, b)로 각 인자 값으로 0~255의 색상 값을 활용하는 방법이다. public void changeRed(View view) { // findFragmentById() 로 프래그먼트 를 가져옴. ColorFragment colorFragment = (ColorFragment) fragmentManager.findFragmentById(R.id.fragment_container_view); .. 앱 만들기/안드로이드 study 2022. 8. 15.

• 

  FragmentContainerView 사용시 주의 사항 FragmentContainerView 를 사용하여 프래그먼트를 생성시 onCreateView 가 불리지 않고 앱이 죽는다면? 앱을 실행하면 바로 죽는다. 처음에는 도대체 왜 죽는지 한참을 헤멨다. XML에는 하기처럼 코드가 정의되어 있다. 프래그먼트를 프래그먼트 컨테이너 뷰를 이용해서 잘 불러오고 있다. 그런데, 앱을 실행 하면 죽는다. 죽는 이유는 MainActivity 에서 하기처럼 프래그먼트 매니지를 통해서 프래그먼트의 로컬 함수를 직접 호출한다. protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 메인액티비티와 프.. 앱 만들기/안드로이드 study 2022. 8. 14.

• 

  안드로이드 스튜디오 주석 단축키 안드로이드 코드에서 가끔씩 주석을 사용해야 될 경우가 있습니다. 코드상에서 한 줄 주석의 경우는 //이고, 블록 주석의 경우는 /* */ 를 사용해야 합니다. xml 에디터에서는 를 statement에 추가해야 하기에 조금은 번거로운 일입니다. 한줄 주석 처리의 경우 해당 라인에서 Ctrl + / 를 입력하면 코드 및 xml에서도 하기처럼 주석이 편리하게 적용됩니다. (해당 라인 어느 곳에서 입력 가능합니다. 꼭 줄 제일 앞에서 할 필요가 없기에 더 편리합니다) 주석 해제 시에는 한 번 더 Ctrl + / 를 입력하면 해제됩니다. public class MainActivity extends AppCompatActivity { @Override protected void onC.. 앱 만들기/안드로이드 study 2022. 8. 12.

• 

  안드로이드 백키 재정의 하기 안드로이드 에서 백키를 재정의 하기 위해서는 해당 Activity 화면에서 onBackPressed() 함수를 재정의 한다. 하기 코드에서는 백키를 선택시 팝업창을 띄우도록 구현되어 있다. public class MainActivity extends AppCompatActivity { @Override //백키 재정의 하기 public void onBackPressed() { AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle("종료확인"); builder.setMessage("종료하시겠습니까"); builder.setPositiveButton("확인", new DialogInterface.OnClickListener.. 앱 만들기/안드로이드 study 2022. 8. 8.

• 

  안드로이드 스튜디오 상속관계(계층 뷰) 보기 안드로이드 스튜디오에서 특정 클래스의 상속 관계를 알고 싶을때, Ctrl +h 를 누르면 하기처럼 Hierarchy 뷰가 나옵니다. 해당 계층 뷰를 통해서 자신이 알고싶은 클래스의 상속내용을 손쉽게 파악이 가능합니다. 안드로이드 API 문서와 병행해서 봐도 도움이 될거 같습니다. 감사합니다. 앱 만들기/안드로이드 study 2022. 7. 29.