반응형 프로그래밍5 [코틀린]안드로이드 스튜디오 탭메뉴 만들기 [코틀린]안드로이드 스튜디오 탭메뉴 만들기 코틀린 언어를 이용한 안드로이드 스튜디오에서 탭메뉴 만들기 - 탭메뉴 만들기 : 상단에 있는 탭메뉴를 클릭시 탭메뉴 슬라이딩, 해당 Fragment 호출 1. build.gradle 에 데이터 바인딩 추가 2. activity_main.xml에 레이아웃 작성 3. app > res > drawable 에 탭메뉴 관련 xml 작성 -> round_back_white10_100.xml ( 전체메뉴 배경 xml ) -> round_back_white_100.xml (선택메뉴 xml ) 4. MainActivity.kt 있는 폴더에 Fragment 작성 -> Fragment 생성시 app > res > layout 폴더에 xml이 자동으로 생김 @ build.gradl.. 2022. 11. 4. 코틀린(kotlin) 튜토리얼 - 레모네이드 앱(app) 코드 코틀린(kotlin) 튜토리얼 - 레모네이드 앱 코드 안드로이드 스튜디오로 앱만들기를 위해 구글에서 제공하는 레모네이드 앱만들기 전체 코드 - 전체코드를 확인할 수 있는 곳이 거의 없어서 유튜브 참고로 작성하였다. - 작성부분 : 아래 함수영역 작성 private fun setViewElements() private fun clickLemonImage() override fun onCreate(savedInstanceState: Bundle?) https://developer.android.com/codelabs/basic-android-kotlin-training-project-lemonade?hl=ko#0 프로젝트: Lemonade 앱 | Android Developers Android 기본사항 1단.. 2022. 10. 5. [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 쿠폰다운로드 영역 수정하기 [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 쿠폰다운로드 영역 수정하기 카페24 쇼핑몰 디자인수정하기(스킨 수정하기) 카페24 쇼핑몰 상세페이지에서는 쿠폰다운로드영역이 쿠폰다운로드 타이틀이 나오고 토글스위치를 작동하면 하단에 쿠폰이 보여지게 된다. 쿠폰 다운로드부분이 인지가 되긴 하지만 좀더 구매욕구를 발생하게 하기 위해 실제 지급중인 쿠폰의 정보를 불러와서 같이 보여주었다. 작업은 jquery를 이용해서 처리하였는데 상세페이지에 나오는 쿠폰들 중에 가장 나중에 설정된 쿠폰의 할인율이 노출되게 작업하였다. 쿠폰 다운로드 영역은 coupon_productdetail 모듈을 불러서 사용하는데 타이틀 영역이 노출되고 이후에 ul, li 태그를 이용해 쿠폰목록을 불러온다. 쿠폰 다운로드 {$co.. 2022. 9. 29. jquery - 배열로 요소 가져와서 데이터 활용하기 each, attr, children 등 사용 jquery - 배열로 요소 가져와서 데이터 활용하기 each, attr, children 등 사용 # 반복되는 특정 클래스를 이용해서 해당 데이터들을 배열로 만들고 그걸 이용해서 값을 처리한다. # 카페24 쇼핑몰에서 상품 할인율 처리하는 방법 # 작업순서 - 반복되는 상품목록에 클래스를 선언해준다. "discount" - "discount" 가 들어가있는 요소에 data 필드를 이용해 값을 넣어준다. - "data-price={$product_price}" => 카페24 쇼핑몰에서는 {$product_price}가 판매가 {$product_custom}은 소비자가 {$prd_price_sale}은 할인판매가로 적용된다. - 이제 이 요소들을 이용해서 데이터 처리를 진행하면 된다. # 상품목록 html.. 2022. 4. 12. jquery 특정 클래스 위치를 찾아서 해당 위치로 스크롤 이동하기 jquery 특정 클래스 위치를 찾아서 해당 위치로 스크롤 이동하기 jquery swiper를 이용해서 카테고리를 만들게 되었습니다. 어찌어찌하여 구현은 했는데 해당 카테고리에서는 selected 가 되어야 하기도 하고 해당 영역이 바로 보여져아 하는 상황입니다. 프로그램은 카페24 쇼핑몰을 이용하다보니 원하는대로 프로그래밍이 어렵네요. 여기저기 찾아보다가 jquery offset() 함수를 이용하면 해당 위치를 알수가 있더군요. 그래서 일단 적용을 해보았습니다. var scrollLeft = $(".category-menu .selected").offset().left; window.alert(scrollLeft); // 콘솔확인이 귀찮아서 주로 alert 창으로 확인합니다. ㅎㅎ 해당 함수 위치가 정.. 2021. 9. 27. 이전 1 다음
