구턴의 코딩 이야기

텍스트를 표현하는 다양한 스타일

글꼴텍스트 스타일에는 글꼴 스타일과 문단 스타일이 있습니다. 글꼴 지정: font-family웹 문서에서는 글꼴 지정 시 한 가지만 선택해도 되지만, 글꼴이 없을 경우를 대비해 다음, 다다음 글꼴까지 생각해야 합니다. body { font-family: "맑은 고딕", 돋움, 굴림 } 🙋‍♂️ 근데 왜 맑은 고딕에만 "" 를 붙였나요?👨‍🏫 폰트 이름에 공백이 있는 경우에만 "" 를 붙입니다. 글자 크기: font-size절대 크기 상대 크기상대 단위는 기준값 대비 몇 배인지를 나타내는 단위입니다.아래는 기준과 예시입니다: ✅ %기준값: 부모 요소의 값예시: width: 50% → 부모 요소 너비의 50%✅ emfont-size 지정 시 → 부모 요소의 글꼴 크기여백(padding, margin,..

람다 함수람다함수는 이름 없는 함수(익명 함수)입니다.코틀린에서 함수를 변수처럼 전달하거나 짧게 정의할 때 사용합니다. 람다 함수 선언 및 호출 ✅ 일반함수fun 함수명(매개변수) { 함수 본문 }fun sum(no1: Int, no2: Int): Int{ return no1 + no2} ✅ 람다함수{ 매개 변수 -> 함수 본문 }val sum = { no1: Int, no2: Int -> no1 + no2 } 람다 함수는 fun 키워드도 없고, 함수 이름도 없다. 🙋‍♂️ 람다 함수 사용 규칙에 대해서 좀 더 자세히 알려주세요.👨‍🏫 네, 람다 함수 사용 규칙은 다음과 같습니다.람다 함수는 { }로 표현합니다.{ } 안에 "매개변수 -> 함수 본문"이 있습니다.함수 반환값은 함수 본문 마지막 표..

스타일HTML 문서에서 자주 사용하는 글꼴, 색상, 정렬, 배치 방식 등 문서의 시각적 스타일을 결정짓는 속성을 의미한다. 스타일이 왜 따로 있나?웹 문서는 다음과 같이 구성된다:HTML: 웹 페이지의 구조와 내용을 담당CSS: 웹 페이지의 디자인과 스타일을 정의 👨‍🏫 장점HTML로 작성한 내용은 그대로 두고, 대상 기기에 맞게 CSS만 바꿔주면 된다! ✅ 반응형 웹 디자인사용자의 접속 기기나 화면 크기에 따라웹 페이지의 레이아웃과 요소들이 자동으로 조정되는 디자인 방식입니다. 스타일 형식선택자{ 속성1: 속성값1; 속성2: 속성값2;}/* CSS 주석은 이렇게 씁니다. */p{ text-align: center; /* 텍스트 정렬: 중앙 */ color: blue; /* 글자색:..

클래스와 생성자클래스 선언 class user{ } 클래스 멤버는 생성자, 변수, 함수, 클래스로 구성됩니다.생성자 키워드: constructor class User { var name = "kkang" constructor(name: String){ this.name = name } fun someFun(){ println("name: $name") } class SomeClass{ } } 위 클래스 생성자를 아래와 같이 작성할 수도 있다. class User(val name: String)이러면 본문 없는 클래스라도, 생성자까지 이미 정의된 것이다. 클래스는 객체를 생성해서 사용하고 그 객체로 멤버에 접근합니다.코틀린에서는 객체를 new를 사용하지 않고 아래..

폼 삽입여러 폼 요소종류설명method사용자가 입력한 내용을 서버에 어떻게 넘겨줄지 지정- get: 데이터를 256~4096byte까지만 서버로 넘길 수 있음- post: 입력 내용 길이 제한 없음name폼 이름 지정action태그 안 내용을 처리해 줄 서버 프로그램 지정targetaction 속성에서 지정한 스크립트 파일을 현채 창이 아닌 다른 곳에서 열리도록 함 폼 내용 입력 후 서버로 전송했을 때, 서버에 있는 register.php를 실행하는 코드 /* 여러 폼 요소 */ 자동 완성 기능: autocomplete폼 내용 입력할 때 예전에 입력했던 내용을 자동으로 표시해 주는 기능 해당 기능의 기본 속성값을 "on" 입니다.끄고 싶다면 아래 코드를 참고하세요. /* 여러 폼 요소 */ 폼 요소를 ..

코틀린이란코틀린 등장 배경코틀린은 자바 가상머신 JVM(Java Virtual Machine)에 기반을 두고 있습니다. 즉, 코틀린으로 개발한 프로그램은 JVM에서 실행할 수 있습니다.java 확장자: .java코틀린 확장자: .kt코틀린 컴파일러(kotlinc)가 .kt 컴파일하면 자바 바이트 코드가 만들어짐이를 JVM이 실행이 때문에 코틀린이 자바 대체 목적으로 만든 언어라고 함🙋‍♂️ 그럼 코틀린으로 개발하면 자바 대치 무슨 이점이 있나요?간결한 표현안전한 코드: null 허용/불허용을 구분해서 선언 가능, 널 관련 문제를 컴파일러가 해결상호 운용성: 자바와 100% 호환, 자바 클래스/라이브러리 활용 가능, 자바+코틀린 혼용 가능구조화 동시성: 코루틴(coroutines)을 이용하면 비동기 프로..

안녕, 안드로이드안드로이드 특징공개 운영체제인 리눅스 기반자바, 코틀린을 사용공개 라이브러리모든 응용프로그램은 평등하다는 사상을 바탕으로 기본적으로 모바일에 탑재된 앱과 개발자가 개발한 앱은 똑같은 환경에서 똑같은 API 사용안드로이드 운영체제리눅스 커널: 리눅스 기반 오픈소스 소프트웨어 스택하드웨어 추상화 레이어: 상위 자바 API 프레임워크에서 하드웨어 기능을 이용할 수 있게 표준 인터페이스 제공안드로이드 런타임(ART): 앱을 실행하는 역할, DEX로 빌드된 안드로이드 앱을 해석해서 실행네이티브 C/C++ 라이브러리: 네이티브 C/C++ 라이브러리(NDK, native development kit)를 이용해 개발할 수도 있습니다.자바 API 프레임워크: 앱 개발 시 사용하는 자바 API개발 언어처음..

안드로이드 스튜디오 설치https://developer.android.com/?hl=ko Android 모바일 앱 개발자 도구 - Android 개발자 | Android DevelopersDiscover the latest app development tools, platform updates, training, and documentation for developers across every Android device.developer.android.com 설치는 그냥 다음 다음 누르면서 쭉 해주시면 됩니다. 첫 번째 앱 만들기 New Project를 누르거나, FILE → New Project를 눌러서 아래 창을 띄우고 "Empty Views Activity"를 선택합니다.Empty Activi..

공개 API공개 API 동작 원리각 사이트에서 제공하는 API는 서버에서 가져옴API 사용하려면 API 사용 신청 후 인증키를 받아서 사용, 일부 API는 인증 없이 사용 가능개발자마다 개별 인증키를 받음공개 API 사용 이유누이 좋고, 매부 좋기 때문개발자: 검증된 프로그램을 사용해 개발 시간 단축API 제공자: 회원 모집, 유지, 충성도 관리가 편리공개 API 찾는 법대형 서비스의 개발자 지원 사이트 ✅ 구글https://developers.google.com/?hl=ko Google for Developers - AI와 클라우드부터 모바일과 웹까지개발자 리소스, 커뮤니티 이벤트, 영감을 주는 스토리를 탐색하여 더 스마트하게 개발하고 더 빠르게 출시하세요.developers.google.com✅ 네이..

API란Application Programming Interface 애플리케이션 프로그래밍을 위한 인터페이스 공개 APIAPI 중에서 누구나 사용할 수 있게 만든 것 NAVER Developershttps://developers.naver.com/main/ NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com Kakao Developershttps://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인..