하와이 가는 여정

position은 이름 그대로 요소를 배치하느 방법을 정하는 프로퍼티로, 네 가지 값을 주로 사용한다. position: static 보통의 요소의 position 값은 static이 기본이다. static에서는 좌표 프로퍼티를 사용할 수 없다. top, right, bottom, left 말이다. position: relative relative는 상대 위치이다. 기본 위치를 기준으로 좌표 프로퍼티를 사용하여 위치를 이동한다. position: static position: relative .static { position: static; background: pink; left: 16px; top: 16px; } .relative { position: relative; background: skybl..

요소 단위를 내가 원하는 위치에 어떻게 배치할 것인지 알아보자. block 과 inline 가장 처음 살펴벌 프로퍼티는 display이다. display는 요소가 보여지는 방식을 지정하는 프로퍼티이다. display에 대해 알아보기 전에 아래의 예시를 보자. h1 태그 div 태그 span 태그 p 태그 a 태그 article 태그 strong 태그 li 태그 h1, div, p, article, li { background-color: pink; } span, a, strong{ background-color: skyblue; } 예시에서 h1, div, p, article, li 부분의 배경색을 pink로, span, a, strong 부분은 skyblue로 지정했다. 코드를 실행해보면 배경색만 지정..

https://solved.ac/class에서 Class level을 따라가고 있다. solved.ac - 문제 › CLASS solved.ac /* * 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 * * */ fun main() { var a:Int= readLine()!!.toInt() for (i in 1 .. a ){ for(j in 1.. i){ print("*") } println() } }

https://solved.ac/class에서 Class level을 따라가고 있다. solved.ac - 문제 › CLASS solved.ac import java.io.* import java.util.StringTokenizer import kotlin.math.* fun main() { val br = BufferedReader(InputStreamReader(System.`in`)) val n = br.readLine().toInt() val scoreAll = StringTokenizer(br.readLine()) var arr = IntArray(n) var m = 0 var sum = 0.00 for (i in 1..n) { var score = scoreAll.nextToken().toI..

아래의 화면처럼 로그인을 하였는데 기타에러가 뜨는 오류가 생겼다. 원인은 간단했다 카카오 Developers 에 등록 한 Android Key Hash 와 안드로이드 프로젝트에서의 Android Key Hash가 불일치 되었을 때 위 화면과 같은 오류가 발생하였다. 카카오 로그인 구현을 할 때 해시키 뿐만 아니라 네이티브 키도 정확히 보고 사용하는 것을 지향한다.

이어서 계속 구현해보자. manifest 하단에 아래의 코드를 붙여놓자. 아래의 코드중 네이티브 앱 키를 넣는 부분에서 kakko네이티브 앱 키 이런 형식으로 넣어주자. 이제는 로그인 버튼을 생성해 보자. SDK V1에서는 com.kakao.usermgmt.LoginButton으로 버튼을 바로 생성할 수 있었는데, SDK V2에서는 그 기능이 사라지고 직접 버튼을 만들거나 리소스를 다운받아서 해야한다. 리소스는 아래 링크에서 다운받을 수 있다. https://developers.kakao.com/tool/resource/login Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. de..

※이 구현은 카카오 SDK v2 버전을 사용하고 있다. 프로젝트에 FCM(Firebase 클라우드 메시징)을 사용하려면 프로젝트 이름에 example이라는 글자는 들어가면 안된다. 프로젝트명은 com.이름.app 형태를 갖추고 있을 것이다. 확인해보고 변경하도록 하자. 시작하기 앞서 카카오 developers에 자신의 앱을 등록해야한다. (아래 링크 접속) https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 사이트에 들어가서 내 애플리케이션 을 클릭한다. 애플리케이션 추가하기를 클릭하여 새롭게 추..

->깃허브 주소 깃허브에 들어가서 제일 먼저 눈에 띄는 프로필 꾸미기를 해 볼 것이다. 1. 자신의 깃허브 아이디를 name으로 하는 Repository를 새롭게 만든다(기존에 있으면 새롭게 만들지 않고 수정으로 한다.) 2. 누구가 볼 수 있게 Public으로 체크한다. 3. Add README file을 체크해 만들어 준다. 이렇게 하면 프로필 꾸미기는 준비가 완료된 셈이다. 그리고 마크업 언어를 통해( 2022.01.06 - [Git] - Markdown 형식 마크업에 대해 궁금하시다면 눌러주세요) README file을 꾸며준다. ![header](https://capsule-render.vercel.app/api?type=waving&color=auto&height=200&section=head..

텍스트 정렬 워드나 한글 같은 문서 편집기에서 다음과 같은 모양의 아이콘들을 본 적이 있을 것이다. CSS에서도 이와 동일한 기능을 하는 프로퍼티가 존재한다. text-align text-align 프로퍼티는 좌, 우 , 중앙 정렬을 합니다. 값으로 left, center, right를 사용할 수 있다 #right { text-align: right; } #middle { text-align: center; } #left { text-align: left; } html 소스코드 #up #up > p 오른쪽 정렬 #down #down > p 오른쪽 정렬 css 소스코드 p { text-align: right; background-color: pink; } #up { background-color: skyb..

글자(Text) 관련 스타일(1) 포스팅에서 font-family에 대해 알아보았다. 이번에는 font-style과 font-weight 에 대해 알아보자. font-style font-style로 가능한 값은 normal, italic, oblique 등이 있다. normal은 말 그대로 기본 값이며, 기본 글자체이다. italic 은 이텔릭체가 디자인되어 있는 기울인 스타일이고, oblique 은 단지 글자를 기울인 스타일이다. @import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap'); h1, p { font-family: 'Nanum Pen Script', cursive; } h1{ font-style: ..