Programming80 자바스크립트에서 타임리프 사용하기 알아보게 된 이유현재 친구와 함께 스프링부트로 사이트를 구현하는 프로젝트를 진행하는 중입니다. 그래서 사이트를 만드는 도중에 자바스크립트로 타임리프 변수를 받아야 하는 상황이 발생하였고 이를 해결하기 위해서 공부하게 되었습니다. 깃허브 프로젝트 링크 GitHub - hosunghyun/Smart_Makeup_Web: 웹으로 캠을 사용하여 서버로 화장 시뮬레이션을 제공웹으로 캠을 사용하여 서버로 화장 시뮬레이션을 제공. Contribute to hosunghyun/Smart_Makeup_Web development by creating an account on GitHub.github.com 해결방법위에 코드는 스프링부트 프로젝트를 진행하면서 타임리프 변수가 필요했던 부분입니다. 자바스크립트에서 타임리프.. 2024. 10. 6. 앱의 기본 기능 구현 화면 구성 방법액티비티-뷰 구조앱 구조는 컴포넌트를 기반으로 합니다. 화면을 출력하는 컴포넌트는 액티비티이므로 화면을 출력하고 싶으면 액티비티를 만들어야 합니다. 액티비티는 화면을 출력하는 컴포넌트이지만 화면은 아니기 때문에 액티비티에 화면을 구성해야 합니다. 화면에 내용을 표시하려면 뷰 클래스를 이용해야 합니다.뷰 객체를 생성하며 TextView 2개와 ImageView 1개를 추가한 LinearLayout 객체를 액티비티 컴포넌트로 전달해 화면을 출력했습니다. 레이아웃 XML로 화면 구성하기액티비티의 화면 구성을 레이아웃 XML로 하였습니다.코드에서 화면을 구현한 XML을 명시해 어떤 화면을 출력할지 알려줘야 합니다. 뷰 클래스기본 구조컴포넌트는 액티비티이고 액티비티가 실행되면서 뷰 클래스를 이용해 .. 2024. 9. 26. 안드로이드 소개 안드로이드 소개안드로이드(Android)는 리눅스 커널을 기반으로 구글에서 제작한 모바일 운영체제입니다. 구글은 2008년 안드로이드 1.0 버전을 출시한 이후 새 버전을 계속 내놓고 있습니다. 안드로이드의 특징리눅스 기반입니다.자바나 코틀린 언어를 이용해 개발합니다.운영체제의 주요 부분과 라이브러리 구글에서 만든 앱 등의 코드는 대부분 공개되어있습니다.안드로이드 스마트폰은 여러 제조 업체에서 만들 수 있습니다.플레이 스토어뿐만 아니라 여러 방법으로 배포할 수 있습니다.기본 탑재 앱과 개발자가 만든 앱이 똑같은 환경에서 똑같은 API를 이용합니다.안드로이드 운영체제의 구조리눅스 커널(Linux kernel) : 안드로이드는 리눅스에 기반을 둔 오픈 소스 소프트웨어 스택입니다.하드웨어 추상화 레이어(har.. 2024. 9. 24. 안드로이드 처음 시작하기 안드로이드를 개발할 수 있는 통합 개발 환경인 안드로이드 스튜디오는 구글에서 만든 IDE입니다. 다운로드 링크 Android 스튜디오 및 앱 도구 다운로드 - Android 개발자 | Android Studio | Android DevelopersAndroid Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.developer.android.com 앱 만들기안드로이드 앱을 개발하려면 먼저 프로젝트를 생성해야 합니다. 프로젝트 생성하기오른쪽 위에 보면 [New Project] 라는 버튼이 보입니다. 선택해서.. 2024. 9. 23. 자바스크립트 함수 자바스크립트 함수자바스크립트 함수 정의자바스크립트 함수는 function 키워드, 함수명, 괄호 () 로 정의됩니다.함수명을 지을 때는 다른 언어와 동일한 규칙을 적용합니다.function add(num1, num2) { return num1 + num2;} 자바스크립트 함수 호출정의된 함수를 호출하려면 함수 이름과 괄호를 사용합니다.add(10, 20) // 30 반환 매개변수와 인수매개변수 : 함수 정의에서 사용되는 변수인수 : 함수 호출 시 전달되는 값function add(a, b) { return a + b;}let sum = add(5, 3); // sum은 8 반환 값 함수는 return 문을 통해 값을 반환할 수 있습니다. 반환하지 않으면 undefined를 반환합니다. .. 2024. 9. 19. 자바스크립트 변수 자바스크립트 변수변수 선언변수는 데이터를 저장하기 위한 저장공간입니다.자바스크립트에는 4가지 방법으로 변수를 선언할 수 있습니다.자동 생성varletconst총 4가지가 존재합니다. 자동 생성의 예 입니다.a = 5;b = "str";c = 3.14; var 생성의 예var a = 5;var b = "str";var c = 3.14;1995~2015년까지 자바스크립트에서 사용된 키워드 입니다.함수 범위 스코프라 문제로 인해서 let과 const 키워드가 생기게 되었습니다.let과 동작이 비슷해서 var은 없애도 되지만 기존 코드들을 교체해야하는 이유로 현재까지 남아있는 키워드입니다. letlet a = 5;let b = "str";let c = 3.14;let은 블록 레벨 스코프 입니다. var과의 차이.. 2024. 9. 13. 자바스크립트 구문 자바스크립트 구문자바스크립트 변수var a = 10;let b = 10.5;const c = "hello world";모든 프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용됩니다.자바스크립트에서 변수를 사용하기 위해서는 var, let, const 키워드를 사용합니다.= 는 변수에 값을 할당하는데 사용됩니다. var 함수 스코프를 가지며 변수가 선언된 함수 내에서만 유효합니다. 중복 선언이 가능합니다. let 블록 스코프를 가집니다. 변수가 선언된 블록 내에서만 유효합니다. 중복 선언이 불가능합니다. constlet과 마찬가지로 블록 스코프를 가집니다. 같은 블록 내에서는 중복 선언이 불가능하며 한 번 초기화한 이후에는 값을 변경할 수 없습니다. 자바스크립트 주석let x = 5; // x는 5.. 2024. 9. 13. 자바스크립트 출력 자바스크립트 출력자바스크립트는 다양한 방법으로 데이터를 출력할 수 있습니다.innerHTML : HTML 요소에 데이터를 삽입할 수 있습니다. (단 보안상의 이유로 textContent, innerText를 사용)document.write() : HTML 문서에 직접 콘텐츠를 삽입하는 메소드입니다. (여러 단점과 위험으로 사용하지 않습니다.)window.alert() : 브라우저에 직접 경고창을 띄어서 데이터를 출력합니다. 비슷한 방식으로 confirm()과 prompt()가 ㅣ있습니다.console.log() : F12 키를 누르면 볼 수 있는 console에 데이터를 출력합니다. innerHTML 사용법 innerHTML te.. 2024. 9. 13. 자바스크립트 기초 자바스크립트 (Javascript)자바스크립트는 웹 브라우저에서 동적인 기능을 구현할 수 있는 프로그래밍 언어입니다. 초기에는 웹 페이지에서 간단한 스크립트를 작성하는 데 사용됐으나 현재는 웹 애플리케이션의 복잡한 기능을 구현하는 언어로 자리 잡았습니다. 자바스크립트를 공부하는 이유웹 개발자가 배워야하는 3가지 언어가 있습니다.웹 페이지의 내용을 정의하는 HTML웹 페이지의 레이아웃을 지정하는 CSS웹 페이지의 동작을 프로그래밍하는 Javascript 자바스크립트의 특징클라이언트 사이드 스크립트 : 웹 브라우저에서 실행되며 사용자의 인터랙션에 응답하고 페이지를 동적으로 업데이트할 수 있습니다.서버 사이드 개발 : Node.js와 같은 런타임 환경 덕분에 자바스크립트는 서버 사이드에서도 사용됩니다. 즉 서.. 2024. 9. 13. 이전 1 2 3 4 ··· 9 다음
