개발관련26 [Swift UI] 초간단 페이지 전환 예제. NavigationLink, NavigationView 정말.. 구글링 하다보면 넘나 열이 받을때가 많습니다... 알려주려고 쓴 코드야 뭐야.. 자기가 개발해놓은걸 다 복사해서 긁어다 붙여놓고 방법이라고 하면...... ㅠㅠ 아니 난 페이지만 이동하면 된다고!!!! 1. ContentView.swift - 첫번째 화면, 버튼을 클릭할수 있는곳. 2. Playground.swift - 1에서 클릭하면 이동할 페이지 화면 가장먼저 PlayGround.swift라는 컴포넌트를 하나 추가해줍시다.(이동할 페이지 추가) 페이지를 식별할수 있도록 게임 진행화면이라고 써놨습니다. 여기가 바로 목적지죠. // PlayGround.swift import Foundation import SwiftUI struct PlayGround: View { var body: some V.. 2021. 2. 5. javascript object find하기 초간단 예제 private list = [] //타입지정 및 빈값 const code = 1 created(): { this.list = [ { id: 0 , name: 'aa' }, { id: 1 , name: 'bb' }, { id: 2 , name: 'cc' }, ] } const find = this.list.find((item: any) => { return item.id === code }) console.log(find.name) // bb //list라는 오브젝트에서 찾을것이다 //배열을 item이라고 재정의 하겠다 //배열의 결과값의 type은 굳이 정하지 않았다(string, number, object, array..) //item이라고 재정의한 object의 id가 code와 일치하는 결과를 re.. 2020. 9. 11. css 말줄임(text-overflow:ellipsis) 이 적용되지 않을때. 우선 적용하는 방법은 검색하면 나올테고..ㅋㅋ 저도 오늘 적용하는데 잘 안되더라구요. 이때 체크해봐야될 부분이 있는데요. 1. width가 제대로 지정되어 있는가 2. block태그이거나,그렇지 않다면 display:block 이 되어 있는가?(flex도 안됨) 3. 글자가 width를 넘어가는 조건을 충족시켰는가? 저는 1줄기준으로 ellipsis처리하는 예제만 준비했습니다. .line1-ellipsis { display: block;/* 블록태그로 만들어준다 */ text-overflow: ellipsis;/* 말줄임 css */ white-space: nowrap;/*글자를 한줄로 모아준다*/ overflow: hidden; background:pink;/*실제 글자 영역 상태 확인하기 위함*/ }.. 2020. 8. 21. [vue.js] 뷰 SPA 에서 다음 지도 api 가져다 쓰기 우선 카카오 developers에 로그인을 해줍니다. 없으면 회원가입 하시구요~ 처음엔 npm의 vue-daum-map인가.. 그런걸 쓰려고 했는데 안되더라구여 -_- 오늘은 좀 친절하고 디테일 하게 설명 해드리겠습니당. 알만한 분들은 코드만 보시면 될듯 하네여 ㅋ 아래의 사용방법을 따라서 우선 기본 세팅을 똑같이 진행해 주세요 ~~키 발급 받는거에여. (카카오 개발자 사이트에서 퍼왔습니다..혼선이 있을까 일부 수정했어요.) 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인].. 2020. 8. 19. 이전 1 2 3 4 5 6 7 다음
