📝 컴포넌트 통신 뷰의 경우 컴포넌트로 화면을 구성하므로 같은 웹 페이지라도 데이터를 공유할 수 없다. 그 이유는 컴포넌트마다 자체적으로 고유한 유효범위(Scope)를 갖기 때문이다. 각 컴포넌트의 유효범위가 독립적이기 때문에 다른 컴포넌트의 값을 직접적으로 참조할 수 없다. 장점 뷰에서 미리 정의해 놓은 데이터 전달 방식에 따라 일괄된 구조로 애플리케이션을 작성하게 된다. 개발자 개개인의 스타일대로 구성되지 않고, 애플리케이션이 모두 동일한 데이터 흐름을 갖게 된다. 이렇게 되면 다른 사람의 코드를 빠르게 파악할 수 있어 협업하기에 좋다 상-하위 컴포넌트 관계 상위에서 하위로는 props 하위에서 상위로는 기본적으로 이벤트만 전달 가능 props 속성 (상위 -> 하위) 상위 컴포넌트에서 하위 컴포넌트..
버전 확인하는 쿼리 SELECT * FROM v$version;
📝 컴포넌트 컴포넌트(Component)란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역) 전역 컴포넌트 : 여러 인스턴스에서 공통으로 사용할 수 있다. 지역 컴포넌트 : 특정 인스턴스에서만 유효한 범위를 갖는다. 전역 컴포넌트 등록방법 Vue.component('컴포넌트이름', { // 내용 }); 예제 컴포넌트 등록 인스턴스가 화면에 적용되는 과정 뷰 라이버리 파일 로딩 뷰 생성자로 컴포넌트 등록 Vue.component() 인스턴스 객체 생성(옵션 속성 포함) 특정 화면ㅇ 요소에 인스턴스 부착 인스턴스 내용 변환(등록된 컴포넌트 내용도 변환) 변환된 화면 요소를 사용자가 최종 확인 지역 컴포넌트 - 인스턴스에 Components 속성을 추가하고 등록할 때 컴포넌트 이름과 내용을 정의하면 된..
뷰 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스 형식new Vue({ }) new Vue()로 인스턴스 생성할 때 Vue를 생성자라고 한다. 생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수 있습니다. 인스턴스 유효범위 뷰 인스턴스를 생성하면 HTML의 특정 범위 안에서만 옵션 속성들이 적용되어 나타난다. 이를 인스턴스의 유효 범위라고 한다. 뷰 인스턴스 라이프 사이클 인스턴스의 상태에 따라 호출할 수 있는 속성들을 라이프 사이클 속성이라고 한다. 그리고 각 라이프 사이클 속성에서 실행되는 커스텀 로직을 라이프 사이클 훅 이라 한다. 라이프 사이클 단계는 인스턴스의 생성, 생성된 인스턴스를 화면에 부착, 화면에 부탁된 인스턴스의..
ajax Access-Control-Allow-Origin 문제 response.addHeader("Access-Control-Allow-Origin", "*"); 추가 해주니 정상 작동!!
| 수원 유치회관 목욕탕에서 집에가는 길에 국밥하나 포장해갈가 생각하던 찰나에 생각난 그곳 수원사람이라면 다 안다는 그 국밥집 "유치회관" 거의 10년만에 온듯하다.. 초등학교 시절부터 부모님과 먹으러 오거나 포장했던 기억이... 내부도 예전과 똑같다 깔끔하게 밀키트처럼 포장해준다. 선지는 봉투에 넣어준다. 맛은 옛날 그때와 똑같다. 정말 맛있다. 강추!!
연말 회식때만되면 인기절정인 수서역에 위치한 애란궁 오리요리 전문점 이번년도 송년회로 다시 방문하게 되었다. 애란궁이 보인다! 입구앞에는 대기할 수 있는 곳과 팥소빵을 팔고있다. 운동전에 준비운동을 하듯 일단 소맥으로 몸을 예열시키며 워밍업을 한다. 역시 오리구이는 언제나 맛있다.
오랜만에 동네친구와 한잔하러 고고! 영하 -13도라는...날씨가 너무 추워서 집 근처에 있는 청기와감자탕 집으로... 기본반찬 셋팅 김치가 맛있다!! 입구샷을 찍어봤다. 참고로 내부는 넓다 크~ 얼큰한 감자탕 등장! 감자탕엔 역시 소주!
For / While fun forAndWhile(){ val students = arrayListOf("joyce", "james", "jenny", "jennifer") for (name in students) { println(name) } for ((index, name) in students.withIndex()) { println("${index+1}번재 학생: ${name}") } var name: String? = "something" name?.let { println(it) } var sum: Int = 0 for (i in 1..100) { sum += i } println("sum -> ${sum} ") } Nullable / NonNull fun nullcheck() { //NPE..
When 사용법 fun main() { helloWorld(); println(add(4, 5)) val name = "kyhslam" println("my name is ${name} ddf") println(maxBy2(4, 7)) } fun add(a: Int, b: Int): Int { return a + b } fun maxBy2(a: Int, b: Int) = if (a > b) a else b //when 사용법 fun checkNum(score: Int) { when (score) { 0 -> println("this is 0") 1 -> println("") 2, 3 -> print("this is 2 or 3") } var b = when (score) { 1 -> 1 2 -> 2 el..
강남역 술집 크래프트한스 오랜만에 만난 친구들과 낮술을 하게 되었다. 강남역에 진짜 몇년만에 노는건지... 맥주집 검색을 하여 찾게된 크래프트 한스 맥주 종류가 많다고해서 방문해보았다. 문을 열고 입장! 이 콥딥이라는 메뉴 처음먹어봤는데 진짜 맛있었다.!! 담에 다시와서 먹어보고 싶다는... 나는 IPA 맥주를 시켰다. 노가리 등장 너무 맛있어서 하나 추가 주문함ㅋㅋㅋ
오랜만에 친구들과 강남역에서 만났다. 1차를 어디를 갈지 서칭을 하던 중 발견한 제주흑다돈 고깃집으로 고고고 근처 회사가 많아서 그런지 점심특선 메뉴도 다양하다. 우리는 삼겹살로! 사진에 보이는 파무침이 굉장히 맛있었다!! 완전 내 취향!! 군침이 돈다!!! 5인분 먹었다는! 강남역 메인 스트리트에 위치해있다.