키자드에 등록된 ecoce1의 네이버 블로그 포스트 목록

ecoce1의 등록된 링크

ecoce1로 등록된 네이버 블로그 포스트 수는 171건입니다.

[JavaScript] 날짜 가져오기 방법 [내부링크]

1. getFullYear() : 현재 년도를 반환 2. getMonth() : 현재 월을 반환, 월은 0부터 시작하여 11까지의 값을 가집니다. const month = now.getMonth() +1; // 월은 0부터 시작하므로 1을 더해줍니다. 3. getDate() : 현재 날짜를 반환, 1일부터 시작하여 해당 월의 마지막 날짜까지의 값을 가집니다. 4. getDay() : 현재 요일을 반환 요일은 0부터 시작하여 일요일부터 토요일까지 0부터 6까지의 값을 반환하기 때문에 문자열 배열을 사용하여 해당하는 요일 문자열을 추가해 줘야 한다. const day = ['일', '월', '화', '수', '목', '금', '토'][now.getDay()]; 5. getHours() : 현재 시간을 반환, 시간은 0부터 23까지의 값을 가집니다. 6. getMinutes() : 현재 분을 반환, 분은 0부터 59까지의 값을 가집니다. 7. getSeconds() : 현재 초를 반환,

[javaScript] 정규 표현식(Regular Expression) [내부링크]

** 정규 표현식 : 문자열에서 특정 패턴을 찾거나 매칭하기 위해 사용되는 텍스트 기반의 패턴 매칭 표현 방법이다. 문자열 검색, 대체, 추출, 유효성 검사 등에 활용할 수 있다. - `g` (Global): 전역 검색을 수행합니다. 즉, 문자열 내의 모든 일치하는 패턴을 찾습니다. - `m` (Multiline): 여러 줄의 문자열에서 검색을 수행합니다. `^`와 `$` 메타 문자의 동작이 변경됩니다. - `s` (DotAll): `.` 메타 문자가 줄바꿈 문자를 포함한 모든 문자와 일치하도록 합니다. - `u` (Unicode): 유니코드 코드 포인트를 올바르게 처리할 수 있도록 합니다. - `y` (Sticky): 검색을 이전 매치 이후의 위치에서 시작하도록 합니다. * filter를 이용한 1번 코드 <script> let fruits = ['apple','banana', 'orange', 'grape', 'kiwi']; let filteredFruits = fruits.fi

[js] onClick과 click의 차이점! [내부링크]

공부하고 있는데 갑자기 혼동이 와서 작성하게 되었습니다.~ ** onClick 란? 이벤트 핸들러!! 일반적으로 HTML 요소의 속성으로 사용되는 이벤트 핸들러이다. <body> <button onClick="myTest()">클릭하세요!</button> </body> <script> function myTest(){ console.log("클릭하셨네요!!") } </script> ** click 란? 메서드!! javaScript에서 DOM 요소에 직접 접근하여 이벤트를 발생시키는 메서드이다. 'addEventListener()'메서드를 사용하여 이벤트(클릭 이벤트)를 등록한다. <body> <button id="myButton">클릭</button> </body>  <script> window.addEventListener("load", function() { const button = document.getElementById("myButton"); b

코딩 연습하기~ [내부링크]

릿코드 https://leetcode.com/studyplan/30-days-of-javascript/ 해커랭크 https://www.hackerrank.com/7days-javascript 프로그래머스 https://programmers.co.kr/learn/challenges?tab=all_challenges '언어' select를 클릭하면 공부하고 있는 언어를 선택할 수 있습니다. GeeksforGeeks https://www.geeksforgeeks.org/learn-javascript-js-roadmap-for-beginners/?ref=outind Learn JavaScript - Free Course for Beginners - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and program

flex 란?? [내부링크]

** align-items : 이 속성은 값들을 인자로 받아 요소들을 세로선 상에서 정렬한다. align-items: flex-end; /*요소들을 컨테이너의 바닥으로 정렬합니다.*/ align-items: flex-start;/*요소들을 컨테이너의 꼭대기로 정렬합니다.*/ align-items: center;/*요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다.*/ align-items: baseline;/*요소들을 컨테이너의 시작 위치에 정렬합니다.*/ align-items: stretch;/*요소들을 컨테이너에 맞도록 늘립니다.*/ ** flex-direction : 이 속성은 값들을 인자로 받아 컨테이너 안에서 요소들이 정렬해야 할 방향으로 지정한다. flex-direction: row; /*요소들을 텍스트의 방향과 동일하게 정렬합니다.*/ flex-direction: row-reverse; /*요소들을 텍스트의 반대 방향으로 정렬합니다.*/ flex-direction: c

권리 [내부링크]

왜 나에게 죽을 권리가 없을까?

[Array] 배열 정렬 [내부링크]

** 배열 정렬?? 배열의 요소들을 특정한 기준에 따라서 순서대로 나열하는 작업이다. 데이터를 정돈하고 분석하기 쉽게 만들어주며, 다양한 문제를 해결하는 데에 유용하다. sort() 메서드 : 알파벳순으로 정렬, 기본적으로 문자열로 요소를 비교하여 정렬한다. 웹페이지에서는 o, r, s, t 이와 같이 확인할 수 있다. console.log(months)으로 확인할 경우 아래 이미지와 같이 콘솔에서 확인할 수 있다. < 1번 방법 > <script> const months = ["s", "o", "r", "t"]; months.sort(); document.getElementById("demo").innerHTML = months; console.log(months); </script> 1번 방법 < 2번 방법 > <script> const months = ["s", "o", "r", "t"]; const sorted = months.sort(); document.getElement

문자열 부분 추출 [내부링크]

** 문자열 부분 추출이란? : 문자열의 일부를 추출하는 방법으로 3가지가 있다. slice(start, end) 메서드 : 문자열의 일부분을 추출하여 새로운 문자열을 반환 <script> let a = "Hello! javaScript"; let b = a.length; //우선 "Hello! javaScript" 문자열 개수를 추출하고 시작(내 맘) let c = a.slice(7, 10); //end자리에는 start보다 숫자가 커야지 새로운 문자열을 반환한다. //만약, end가 7보다 작다면 cosole.log()에 아무것도 반환되지 않는다. let d = a.slice(7); //end가 없다면 7번 자리에서 끝까지의 문자열을 반환한다. let e = a.slice(-7); //뒤에서 부터 계산한다. console.log("length: " + b + "개"); //결과 : length 17개 console.log(c); //결과 : jav console.log(d); /

비트 연산자 [내부링크]

** 비트 연산자 : 컴퓨터에서 비트 수준에서의 연산을 수행하는 데 사용되는 연산자 정수를 이진수로 표현하고, 각 비트 단위로 연산을 수행한다. 1. 비트 AND (`&`) : 두 개의 비트가 모두 1인 경우에만 결과 비트가 1이 되는 연산입니다. 다른 비트는 모두 0이 됩니다. <script> a = 5 //이진수로 101 b = 3 //이진수로 011 c = 4 //이진수로 100 d = a & b //101 & 011 = 011 e = a & c //101 & 100 = 100 console.log(d) //결과 : 1 console.log(c) //결과 : 4 </script> 2. 비트 OR (`|`) : 두 개의 비트 중 하나 이상이 1인 경우 결과 비트가 1이 되는 연산입니다. 모든 비트가 0인 경우에만 결과 비트가 0이 됩니다. <script> a = 5 //이진수로 101 b = 3 //이진수로 011 c = 4 //이진수로 100 d = a | b //101 | 0

삼항 연산자 [내부링크]

** 삼항 연산자 or 조건 연산자 : 조건문을 간결하게 표현하기 위해 사용되는 javaScript의 연산자이다. 조건을 평가하고, 조건이 참인 경우와 거짓인 경우에 대해서 서로 다른 값을 반환하는 역할이다. 조건 ? true(참)인 경우의 값 : false(거짓)인 경우의 값 <script> let a = 5; let b = 3; let c = a < b ? '맞아요' : '틀려요'; console.log(c) //결과 : 틀려요 </script> 예제와 같이 'a가 b보다 작은가요 ? 맞나요(true) : 틀려요(false)'이라고 해석하면 되지 않을까? 같은 값은 얻을 수 있는 javaScript 예제 코드입니다. <script> let a = 5; let b = ""; if(a < 3){ b = "맞아요"; } else { b = "틀려요"; } console.log(b); //결과 : 틀려요 </script> if 조건문을 사용하면 삼항 연산자랑 동일한 답을 얻을 수 있다.

유형(타입) 연산자 [내부링크]

** 유형(=타입) 연산자 : 변수 또는 값의 데이터 유형을 확인하는 데 사용된다. 유형 연산자는 `typeof`, `instanceof` 등이 있다. * typeof : 변수 또는 값의 데이터 유형을 문자열로 반환 <script> let num = 523; //Number(숫자) let str = "Hello"; //String(문자열) let bool = true; //Boolean(불리) let obj = {name : "nameTest"}; //Object(객체) let arr = [1, 2, 3]; //Array(배열) console.log(typeof num); // 결과 : "number" console.log(typeof str); // 결과 : "string" console.log(typeof bool); // 결과 : "boolean" console.log(typeof obj); // 결과 : "object" console.log(typeof arr); // 결과

당신은 용감합니다. [내부링크]

당신은 용감합니다. 당신의 삶은 쉽지 않습니다. 사실 아무리 겉보기에는 흠잡을 데가 없어 보여도 쉬운 삶을 사는 사람은 아무도 없습니다. 당신도 예외는 아닙니다. 그것은 당신이 그 힘든 시기를 이겨냈기 때문에 오늘 이곳에 서 있다는 것을 의미합니다. 당신은 피해자이자, 생존자이고, 영웅입니다. 당신은 당신의 삶에서 도망치거나 포기하지 않았습니다. 당신은 살아 있고 나타났습니다. 지금 당신은 당신이 선택한 경기장에 서 있습니다. 전력을 다해서, 가진 것을 다 바치고 있죠. 당신은 이미 용감해요. 당신은 이미 영웅이에요. 그게 바로 당신입니다. 지금 회사는 내가 선택한 경기장...

산술 연산자 [내부링크]

** 산술 연산자 : 숫자 간의 산술 계산을 수행한다. + 덧셈 (Addition) <script> let x = 5; x += 3; document.getElementById("test").innerHTML = x; //결과: test = 8 </script> - 뺄셈 (Subtraction) <script> let x = 5; x -= 3; document.getElementById("test").innerHTML = x; //결과: test = 2 </script> * 곱셈 (Multiplication) <script> let x = 5; x -= 3; document.getElementById("test").innerHTML = x; //결과 : test = 15 </script> ** 제곱근 (Exponentiation) <script> // 1번 방법 let x = 5; let y = Math.pow(x, 3); //이렇게 사용하려면 아래와 같이 console.log()를

할당 연산자와 복합 연산자 [내부링크]

** 할당 연산자 : 기호는 '='를 사용한다. : 값을 변수에 할당하는 데 사용한다. : 오늘 쪽에 있는 값을 왼쪽에 있는 변수에 할당 또는 대입한다. let x = 5; console.log(x); //결과 : 5을 출력한다. ** 복합 연산자 : 변수에 새로운 값을 할당하는 동시에 해당 변수의 이전 값과 다른 연산을 수행합니다. 주로 변수의 값을 증가시키거나 감소시키는 용도로 사용됩니다. += 덧셈 후 할당 : 변수에 값을 더한 후 그 결과를 변수에 할당 <script> let x = 5; x += 3; console.log(x); // 결과 : 8을 출력한다. // x = x + 3와 동일하다. </script> -= 뺄셈 후 할당 : 변수에서 값을 뺀 후 그 결과를 변수에 할당 <script> let x = 5; x -= 3; console.log(x); //결과 : 2를 출력한다. // x = x - 3와 동일하다. </script> *= 곱셈 후 할당 : 변수에 값을 곱

비교 연산자 [내부링크]

** 비교 연산자 : 두 개의 값을 비교하여 그 결과를 논리적인 값인 참(true) 또는 거짓(false)으로 반환한다. 동등 비교 연산자 : == 또는 === : 두 값이 서로 같은지를 비교 == 값의 동등 여부 === 값과 데이터 타입의 동등 여부 <script> let a = 5; //Number let b = '5'; //String console.log(a == b); //값의 동등 여부로 true(참)을 반환 console.log(a === b); //a는 숫자, b는 문자열로 타입이 다르기 때문에 false(거짓)을 반환 </script> 2. 부등 비교 연산자 : != 또는 !== : 두 값이 서로 다른지를 비교 != 값은 같지만 데이터 타입이 다를 경우에도 false !== 값의 동등 여부뿐만 아니라 데이터 타입까지 비교한다. <script> let a = 5; //Number let b = '5'; //String console.log(a != b); //값은 같지

문자열 연산자 [내부링크]

** 문자열 연산자 : 문자열을 결합하거나 연결하는 데 사용된다. + 연산자 (문자열 연결 = concatenation) : 두 개의 문자열을 연결하여 하나의 큰 문자열로 만든다. <script> let a = "Hello"; let b = "World"; let c = a + b; console.log(c) //결과 : HelloWorld </script> 2. += 연산자 (문자열 연결 후 할당 = concatenation assignment) : 현재 문자열에 다른 문자열을 연결한 후, 그 결과를 현재 문자열에 할당한다. <script> let a = "Hello"; a += "World"; console.log(a); //결과 : HelloWorld </script> 3. === 연산자 (문자열 비교) : 두 개의 문자열이 정확하게 동일한지를 비교 <script> let a = "Hello"; let b = "World"; let c = a === b; console.log(

숫자와 문자열을 함께 사용 [내부링크]

** 숫자와 문자열을 함께 사용하는 경우?? : 변수의 타입과 연산자에 따라 다른 결과를 얻을 수 있다. : 연산자는 왼쪽에서 오른쪽으로 순차적으로 연산이 수행한다. 숫자와 문자열을 "+"연산자로 사용한다면?? <script> let x = 5; let y = "10"; let testJs = x + y; //testJs변수 </script> [결과] testJs = 510 결론은 문자열이다. 이유는 x은 5 숫자지만 y이 경우 ""이 있어 문자열이다. 그래서 덧셈이 아니 붙이다? 연결한다? 2. 숫자와 문자열을 "-"연산자를 사용한다면? <script> let x = 5; let y = "10"; let testJs = x - y; //testJs변수 </script> [결과] testJs = 3 결론은 숫자이다. 이유는 +은 덧셈 또는 문자열 연결(concatenation)이지만 -연산자는 뺄셈만 수행하기 때문에 x가 숫자, y가 문자열이라고 해도 뺄셈을 수행하는 연산자로 y을

X.Wheel of Fortune - 운명의 수레바퀴 [내부링크]

X.Wheel of Fortune - 운명의 수레바퀴 (정/역방향) : 불가피한 변화 정방향, 10번 운명의 수레바퀴 운명의 수레바퀴 카드는 선과 악, 둘 다의 변화를 상징한다. 이 카드는 때때로 우리가 운명의 지배를 받고 있다는 것을 상기시켜 주는 것이고, 우리가 할 수 있는 것은 우리의 운이 바뀌기를 기다리는 것뿐이다. 그 중심에는 운, 우연, 그리고 삶의 주기를 나타내는 수레바퀴가 있다. 운명의 수레바퀴에는 TARO라는 글자가 있고, 그 사이에 YHWH, 즉 이스라엘의 하나님을 나타내는 히브리 문자가 있다. 카드 모서리에는 사자, 소, 사나이, 독수리 등 4대 복음주의자들이 있다. 네 명의 복음주의자들은 또한 고정된 점성술 기호에 대응한다. 레오, 황소자리, 물병자리, 그리고 전갈자리. 각각의 인물들이 책을 읽으며 지성과 자기 이해를 암시하고 있다. 바퀴 주변에는 신화의 세 가지 생물인 스핑크스와 뱀, 그리고 아누비스가 있다. 스핑크스는 신과 왕을 상징하며, 변화 속에서 균형을

XI. Justice - 정의 [내부링크]

XI. Justice - 정의 (정/역방향) : 공정한 판단 정방향, 11번 정의 착한 사람들은 그들의 노력과 희생에 대해 보상을 받을 것이고, 반면에 못된 사람들은 벌을 받을 것이다. 정의는 균형, 공정성, 그리고 우리의 행동의 피할 수 없는 결과를 나타낸다. 정의 카드에는 머리에 왕관을 쓴 빨간 망토를 입은 여성의 모습이 그려져 있다. 오른손에는 위로 향한 검을, 왼손에는 금으로 만든 저울을 들고 있다. 왕관은 권위의 상징으로 정의가 항상 승리할 것임을 상기시킨다. 칼은 양날의 칼인데, 정의는 양쪽을 절단한다는 의미이고, 승리를 상징하기 위해 위쪽을 향한다. 저울은 균형과 공정성을 나타내며, 저울의 금빛 색은 부자라도 법을 준수해야 한다는 것을 나타낸다. 몸의 오른쪽은 논리적인 것이고 왼쪽은 직관적인 것이다. 각 손에 하나의 물체를 들고 있는 것은 정의를 구현하기 위해 논리와 직관 모두가 필요하다는 것을 말한다. 1. 정방향 정의 카드 진실과 균형의 표시이다. 결정은 공정하고 정

XII. The Hanged Man - 매달린 사람 [내부링크]

XII. The Hanged Man - 매달린 사람 (정/역방향) : 속죄와 희생 정방향, 12번 매달린 남자 매달린 사람 카드는 처음에는 나쁜 징조로 보일지 모르지만, 반드시 그런 것은 아니다. 카드에는 손을 뒤로 한 채 나무에서 거꾸로 매달려 있는 남자의 모습이 그려져 있는데도, 머리 주위에는 중세 미술에서 성도가 그려졌던 모습과 비슷한 후광 같은 빛이 감돌고 있다. 이는 순교를 암시할 수 있지만 그가 입고 있는 표정은 슬픔이나 낭패감이 아니라 만족의 표현으로, 그가 자신의 처지에 평온함을 나타낸다. 그의 한쪽 발목이 묶여있는 나무는 살아있는 세계의 일부이다. 하늘에 닿을 수 있는 반면, 그 뿌리는 저승 깊숙한 곳에 남아 있다. 매달린 사람의 평온한 표정은 그가 자신의 의지로 그곳에 있음을 암시하고, 오른발이 나뭇가지에 묶여 있는 동안 왼발은 자유로움을 유지한다. 역삼각형을 연출하는 자세로 뒷짐만 지고 있는 그의 모습이 현재 상황을 조종할 수 있는 그의 힘을 상징적으로 보여주는

XIII. Death - 죽음 [내부링크]

XIII. Death - 죽음 (정/역방향) : 슬픔과 재탄생 정방향, 13번 죽음 대부분의 사람들이 두려워하는 타로 카드인 죽음 카드는 육체적 죽음을 의미하기보다는 오히려, 영적인 변화나 새로운 시작을 암시한다. 말 위에 갑옷을 입고 깃발을 들고 있는 해골을 묘사하고 있다. 죽은 사람과 병든 사람이 그의 앞에 엎드려 있을 때에, 한 남자가 종교적인 옷을 입고 그에게 구원을 호소한다. 죽음 카드는 흰 무늬의 검은 깃발을 들고 웅장한 백마를 타는 모습이 그려진다. 그는 살아 있는 해골로 묘사되는데, 그의 뼈는 그의 신체에서 유일하게 온전하게 남아 있다. 그의 갑옷은 그의 무적함, 즉 어떤 생명체가 죽음을 피하거나 파괴하기를 바랄 수 없다는 사실을 나타내고 있으며, 그가 탄 백마는 순결을 의미한다. 이는 궁극적으로는 죽음은 모든 사람을 정화한다는 것을 나타낸다. 그의 앞에 있는 사람들 중에는 가난뱅이와 왕이 있는데, 이것은 죽음이 사회적 계층, 즉 부자와 가난한 사람, 강자와 약한 사람

XIV. Temperance - 절제 [내부링크]

XIV. Temperance - 절제 (정/역방향) : 인내력과 균형 정방향, 14번 절제 절제 카드는 진정한 변화는 시간이 걸린다는 교훈을 나타내며, 인내와 자제력은 무한한 미덕이라는 것을 의미한다. 절제 카드는 절제, 균형, 검소함을 제시하며 어떤 상황에서도 극단성을 피해야 한다고 경고한다. 또한 여러분이 누구인지, 무엇을 성취하고 싶은지, 그리고 목표를 어떻게 실현할 계획인지 알고 있다는 것을 암시한다. 그것은 여러분이 자신을 발견했고 여러분의 삶이 펼쳐지는 방식에 평화롭다는 것을 나타낸다. 카드는 날개 달린 천사가 한 컵에서 다른 컵으로 액체를 붓고 있는 것을 보여준다. 그녀가 들고 있는 두 컵은 초의식과 잠재의식, 결합과 무한을 상징한다. 그녀의 머리에는 황금빛 후광이 드리워져 있고, 그녀가 가고 있는 길의 끝에는 또 다른 것이 있다. 그것은 영적 깨달음을 나타내며, 빛을 받으려면 현재의 길을 따라야만 결론을 내릴 수 있다는 것을 보여준다. 그녀는 육지에 한 발을 가지고 있

XV. The Devil - 악마 [내부링크]

XV. The Devil - 악마 (정/역방향) : 유혹과 욕망 정방향, 15번 악마 잘 알려진 개념으로 기독교 전통에서 저승의 주인으로 여겨진다. 악마 카드의 삽화는 위선적인 악마 모습이 묘사되어 있다. 그는 큰 박쥐 날개가 달린 반인반 염소이며, 반신대 위에 웅크리고 있고 이마에는 거꾸로 그려진 펜타그램이 있다. 아래에 묶여 있는 사람은 남자와 여자이며, 시각적으로 그들에 대한 그의 지배를 말하고 있다. 뿔도 있고, 이미 야수에 물들어 버렸고, 그들의 인간성의 일부를 그에게 넘겼다는 것을 나타낸다. 남자의 꼬리에는 불꽃이 있고, 여자의 꼬리는 포도를 받쳐주고 있는데, 이것은 악마의 최고 권력에 대한 중독과 어떤 이들이 인생에서 더 멋진 것이라고 생각할 수 있는 것에 대한 천박함을 상징한다. 그들 둘 다 비참하고 무력해 보이고, 취약해 보인다. 악마의 오른손에는 그가 남성을 자극하는 상징인 횃불이 있다. 횃불은 또한 악마가 지니고 있는 어둠을 피할 수 있는 기회를 상징하기도 한다.

XVI. The Tower - 탑 [내부링크]

XVI. The Tower - 탑 (정/역방향) : 혼란과 갈등, 변화 정방향, 16번 탑 이 카드는 일반적으로 어둡고 위협적인 카드이며, 종종 예기치 못한 심각한 정신적 충격을 주는 사건의 전조가 될 수 있다 혼란과 갈등이 여러분에게 오고 있다는 것을 나타낼 수 있다. 현상을 보존하려고 시도하는 것은 부질없는 일이다. 가장 현명한 방법은 변화를 자연스러운 부분으로 받아들이고, 가능한 한 침착하게 행동하는 것이다. 산꼭대기에 자리 잡고 있는 높은 교회 탑이 번개에 맞아 불타오르는 모습을 묘사하고 있다. 창문에서는 불길이 뿜어져 나오고 있으며, 그 안에 갇힌 사람들이 필사적으로 뛰어내리고 있다. 그러나 이것은 눈앞의 위험과 내부의 혼란과 파괴로부터 벗어나고자 하는 헛된 희망일 뿐이다. 탑은 왕관과 함께 번개로 인해 무너진다. 원형 왕관은 정사각형에 결코 알맞지 않다. 이와 같이, 탑은 합리적이거나 현실적이지 않은 야심 찬 프로젝트를 상징한다. 그것은 더 견고한 기반 위에 새로 지어질

XVII. The Star - 별 [내부링크]

XVII. The Star - 별 (정/역방향) : 지혜와 부동 정방향, 17번 별 별 카드는 창의력, 희망, 그리고 낙천주의를 상징하며, 당신의 예술에 재투자할 것을 촉구한다. 또한 자신과 타인 모두에게 믿음을 지키라고 말한다. 별 카드에는 연못가에 순진하게 무릎을 꿇고 있는 에덴동산의 이브를 연상시키는 여성이 그려져 있다. 낙천주의는 종종 미숙한 경험의 결과이기도 하다. 그러나 이 경우 여성의 자신감 있는 태도와 긍정적인 전망은 근본적인 진실에 대한 이해에서 기인할 수 있다. 그녀의 오른쪽 항아리는 연못으로 흐르고, 왼쪽은 땅으로 흘러간다. 땅에 부은 물은 다시 강으로 흘러가고, 연못에 부은 항아리는 단순히 전체로 더해진다.이것은 피할 수 없는 것과 싸우는 것의 허무함과 우리의 운명을 받아들이는 것이 어떻게 문제를 단순화할 수 있는지를 보여준다. 지구에 물을 붓는 것은 생명의 원에 대한 기여로도 해석될 수 있다.자연에는 탐욕의 여지가 없다. 지구는 과도한 물을 거부하고 그것을 연

XVIII. The Moon - 달 [내부링크]

XVIII. The Moon - 달 (정/역방향) : 꿈과 현실 정방향, 18번 달 열여덟 번째 카드는 현재와 미래에 대한 강한 의식을 나타내지만, 예상치 못한 변화에 취약하다. 이 카드는 달의 이중성을 강조한다. 멀리 황량한 풍경 양쪽에 똑같은 두 개의 탑이 보인다. 한 마리 개는 울부짖고 다른 한 마리의 게는 달을 보고 있다. 그 두 개의 탑과 개는 멀리 뻗어 있는 긴 도로를 사이로 양쪽으로 나눠져 있으며, 바닷가재 같은 생물이 연못에서 이 길로 나온다. 성서에서는 바닷가재는 사람이 먹기에 적합하지 않은 밑바닥의 먹이를 먹고사는데, 즉 가장 낮은 것임을 의미한다. 가재는 자신의 가치를 증명하기 위한 긴 여정을 시작하고 있는데, 이는 다른 사람들이 여러분의 가치를 어떻게 인식하든 간에, 끈기가 성공으로 이끄는 것이라는 것을 상기시켜 준다. 1. 정방향 달 카드 정방향 달 카드는 여러분의 삶에서 어떤 것들이나 사람이 겉으로 보이는 것과 다르다는 것을 나타낸다. 이는 여러분의 포부나

XIX. The Sun - 태양 [내부링크]

XIX. The Sun - 태양 (정/역방향) : 정렬과 낙천주의 정방향, 19번 태양 태양 카드는 희망, 에너지 및 억제되지 않는 낙관론을 나타내며, 종종 중요한 업무의 수행과 관련이 있다. 한 아이가 태양의 착실하고 잔잔한 시선 아래 하얀 말 위에 팔을 벌리고 있다. 아이는 순수함과 기쁨을 상징한다. 미소와 함께 두 팔을 벌려 자신감을 발산한다. 백마의 머리는 숙여져 있어 자연계와의 화합, 연관을 상징하고, 말을 옆에 주황색 천은 활력과 움직임, 행동을 상징한다. 1. 정방향 태양 카드 정방향 태양 카드는 기운을 돋우는 신호이다. 태양의 긍정적인 영향이 흥미로운 새로운 기회를 가져다줄 것이기 때문에, 머리를 먼저 충전하고 여러분의 노력에 온전히 투자하라. * 사랑 : 태양과 같은 자신감으로, 여러분은 자신과 주변 사람들 모두를 사랑한다. 여러분은 완벽하지 않을 수도 있지만, 자기 성찰과 긍정적인 변화를 위한 능력이 여러분의 삶에 흥미로운 새로운 사람들을 끌어들이고, 여러분에게 새

XX. Judgement - 심판 [내부링크]

XX. Judgement - 심판 (정/역방향) 부활과 보상 정방향, 20번 심판 심판 카드는 재판, 결과 및 재탄생을 나타낸다. 이 카드는 전형적으로 중대한 삶의 전환 직전에 나타나며 자기 성찰의 중요성을 강조한다. 카드에는 가브리엘로 보이는 천사가 죽은 사람을 깨운다. 종말의 가장자리에 서 있던 관 속에 남자와 여자, 아이가 두 팔을 벌려 대천사를 맞이한다. 세 명의 충실한 라이저는 심판이 모든 사람에게 도달하고 모든 것을 구할 수 있음을 나타낸다. 배경에 그려진 밀려오는 해일은 노아가 견뎌낸 첫 번째 대재앙의 홍수를 보여준다. 심판의 이미지는 매우 성서적이며, 최후의 심판의 서곡으로 불리는 테살로니아인들에게 보내는 첫 번째 편지를 묘사한다. 충실한 사람은 그리스도의 재탄생과 비슷하게 다시 태어난다고 한다."주께서 직접 하늘에서 큰 계명을 내리시며 대천사의 음성과 하나님의 나팔소리와 함께 내려오시며 그리스도 안에서 죽은 자들이 먼저 일어나실 것입니다. 믿음에 따라 살아온 사람은

XXI. The World - 세계 [내부링크]

XXI. The World - 세계 (정/역방향) 성공과 완성 정방향, 21번 세계 세계 카드는 완벽함, 성공 및 성취를 나타내며, 당신의 인생에서 중요한 프로젝트나 기간이 끝났음을 나타냅니다. 여자가 구름 사이에 떠 있다. 뱀처럼 긴 천에 싸인 그녀는 허공을 가르며 자신감과 자유를 발산한다. 그녀의 오른쪽 다리는 많은 면에서 그녀와 반대되는 카드인 매달린 남자(XII)의 다리와 닮았다. 그녀는 양손에 하얀 지휘봉을 들고 있으며 승리의 녹색 화환에 둘러싸여 있다. 카드의 각 모서리에는 사자, 황소, 날개 달린 사람, 그리고 독수리가 있다. 이것들은 행운의 수레바퀴(X)의 모퉁이에 있으며 이는 신약성서 4 복음서의 공로를 인정받은 4개의 복음서인 마태복음, 마가복음, 누가복음, 요한복음서를 대표한다. 1. 정방향 세계 카드 당신이 여행의 막바지에 다다랐으며 당신이 승리할 신호이다. 자신감이 치솟고 있지만, 아직 노력을 멈추지 마라. 만약 당신이 이 마지막 단계에서 계속 노력해 나간다면

Tarot, Ace of Cups - 컵 1번 [내부링크]

Ace of Cups - 컵 1번 (정/역방향) : 순결한 사랑, 넘치는 기쁨 정방향, 컵 1번 대부분의 리딩에서 긍정적이고 반가운 신호로 간주된다. 에이스 컵 카드는 다섯 개의 끝없는 물줄기가 넘쳐흐르는 컵을 들고 있는 손을 묘사하고 있다. 성찬은 잠재의식을 나타내며, 시각, 후각, 청각, 미각, 촉각, 그리고 내부로부터 넘치는 감정과 직감을 나타낸다. 흰 비둘기는 희망, 순결, 그리고 승천의 영적인 상징이다. 구름에서 나오는 손은 신성한 메시지를 전하는 전령을 의미하며, 영적인 에너지와 영향력을 상징한다. 카드 하단에는 연꽃이 떠 있는 바다가 있다. 물은 영혼과 경험의 만남의 장소인 아스트랄 세계의 상징이기 때문에 매우 중요하다. 연꽃은 모든 것의 아름다움을 나타낸다. 1. 정방향 여러분이 무조건적인 사랑을 주고받을 준비가 되어 있다는 표시이다. 이러한 긍정적인 사고방식은 새로운 로맨틱한 기회를 갖게 만든다. * 사랑 : 이것은 애정에 관해서 최고의 카드 중 하나이다. 이미 연애

Tarot, Two of Cups - 컵 2번 [내부링크]

Two of Cups - 컵 2번 (정/역방향) : 단결력과 충성심, 교감 정방향, 컵 2번 컵 2번 카드(Two of Cups)는 다양한 형태로 표현되는 파트너십의 궁극적인 상징이다. 이 특별한 파트너십은 여러분의 과거, 현재, 미래에 영향을 미치며, 큰 행복과 신뢰를 동반하는 강력한 파트너십이다. 이 카드는 또한 낭만적인 관계나 친구 사이의 깊은 유대감을 나타낼 수 있다. 어느 쪽이든, 당신은 이 사람을 눈앞의 상황에 상관없이 모든 순간에 믿을 수 있는 사람일 것이다. 두 개의 컵은 마음과 육체와 영혼을 통한 두 사람 사이의 완벽한 사랑을 상징한다. 이것은 남자와 여자가 서로에 대한 사랑을 맹세하며 컵을 서로 얽는 것으로 카드에 아주 명확하게 표현되어 있다. 컵 위에는 두 마리의 뱀이 감겨 있는 날개 달린 지팡이가 떠 있다. 이것은 헤르메스의 카두세우스인데, 상업, 무역, 교류를 묘사하기 위해 사용된 고대 그리스의 상징이다. 카드의 맨 위에 있는 사자의 머리는 열정과 힘을 상징하

Tarot, Three of Cups - 컵 3 번 [내부링크]

Three of Cups - 컵 3 번 (정/역방향) : 축하 정방향, 컵 3번 카드는 개인적인 성취의 순간에 친구, 가족들이 함께 축하한다는 카드이다. 이 카드는 성공과 그에 대한 축하가 이어진다는 신호이다. 카드에는 축하 건배를 위해 컵을 들어 올리면서 함께 원을 그리며 춤을 추는 세 여성의 모습이 담겨 있다. 이 사람들의 관계는 서로에 대한 존경, 명예, 그리고 감사에 바탕을 두고 있다. 여성의 머리에 있는 화환과 가운은 승리와 축하의 시간을 나타낸다. 여성들을 둘러싼 땅은 성장, 부, 그리고 건강을 상징하는 과일과 야채로 덮여 있다. 1. 정방향 세 개의 컵 카드는 가장 가까운 친구들과 함께 모여 즐거운 시간을 보낼 때를 나타낸다. 같은 생각을 가진 사람들과 힘을 합치면, 창의력이 번성할 수 있는 긍정적인 환경을 조성할 수 있다. * 사랑 : 당신을 둘러싼 사랑의 성공이 느껴진다. 싱글이라면, 같은 인생관을 공유하는 파트너를 찾아야 할 때임을 나타낸다. 이것은 공동의 이익과

Tarot, Four of Cups - 컵 4번 [내부링크]

Four of Cups - 컵 4번 (정/역방향) : 기회를 포착해라 정방향, 컵 4번 네 개의 컵 카드(Four of Cups)는 사물을 당연하게 여기는 인간의 경향을 나타낸다. 우주는 계속해서 기회를 제공해 주지만, 여러분은 항상 기회를 알아보지는 못한다. 고민에 대한 해답은 바로 앞에 있다. 여러분의 문제에 집착하는 대신, 해결책에 집중하라. 카드에는 산 정상의 나무 아래 앉아 생각에 잠겨 있는 한 남자가 그려져 있다. 그는 비옥하고 차분한 환경에 있음에도 불구하고, 그의 표정은 침울하다. 그의 바로 앞 땅에는 금잔 세 개가 놓여 있고, 다른 금잔은 그의 옆 공중에 떠 있는 손이 들고 있다. 그의 깊은 명상 상태는 그가 이러한 것을 알아차리거나 신경 쓰지 못하게 한다. 1. 정방향 정방향 컵 4번 카드는 당신이 계속해서 새로운 기회를 외면하고 있다는 표시이다. 이러한 기회들은 단순히 여러분과 아무 관계가 없다거나, 여러분이 이미 가지고 있는 것에 압도당했다고 느낄 수 있다. 4

Tarot, Five of Cups - 컵 5카드 [내부링크]

Five of Cups - 컵 5카드 (정/역방향) : 실망을 상징 정방향, 컵 5번 앞으로 나아가서 삶에 대한 더 긍정적인 관점을 수용하는 대신에, 여러분은 과거에 이루지 못한 것들을 끊임없이 생각하고 있다. 카드에는 긴 검은 망토를 걸친 남자가 세 개의 컵을 내려다보고 있는 모습이 그려져 있어 아쉬움을 나타낸다. 그의 뒤에는 그가 아직 인정하지 않은 두 개의 컵이 있는데, 이것은 새로운 기회와 미래의 성공을 상징한다. 배경에는 강을 가로지르는 큰 다리가 있어 성으로 통한다. 넘어진 세 개의 컵이 나타내는 실패를 딛고 일어설 수 있다면, 마침내 다리를 건너 편안함에 도달할 수도 있다. 1. 정방향 컵 5번 카드는 주어진 상황이 당신이 예상했던 대로 되지 않을 때 나와, 당신에게 후회와 실망을 안겨줄 것이다. 앞으로 나아가는 대신에, 여러분은 자기 사랑보다 자기 연민을 선택한다. 여러분은 인생의 환경에 희생양이 되는 것처럼 행동하면서, 현재의 어려움에 너무 집중하고 있다. 이제 새로

Tarot, Six of Cups - 컵 6번 [내부링크]

Six of Cups - 컵 6번 (정/역방향) : 매혹적인 순수함 정방향, 컵 6번 컵 6번 카드는 여러분의 과거와 깊은 연관이 있으며, 여러분이 갈등할 때 여러분 곁을 지켜온 중요한 인물들을 소중히 간직해야 함을 나타낸다. 이 카드는 또한 과거의 노력이 곧 성과를 거두기 시작할 것임을 암시한다. 컵 6번 카드에는 한 소년이 몸을 숙여 어린 소녀에게 꽃을 바치는 모습을 묘사하고 있는데, 이 꽃은 커다란 컵에 배열되어 있다. 그녀는 손을 내밀어 정중히 선물을 받는다. 그 옆에는 네 개의 컵이 더 늘어서 있고, 다섯 번째 컵은 소년의 뒤에 있는 받침대 위에 놓여 있다. 컵은 지나간 옛 추억과 나날을 상징하고, 배경은 편안함과 안보를 상징한다. 카드에는 멀리 있는 나이 든 남자도 있는데, 이는 어른들의 문제와 책임을 나타낸다. 이것은 전면에 묘사된 순진하고 조심성 없는 장면의 성격과 대조된다. 1. 정방향 정방향 컵 6번 카드는 즐거운 기억을 되살린다. 이것은 여러분의 어린 시절 집으로

API ... [내부링크]

** API(Application Programming Interface)란? API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 때때로 API는 정보 제공자와 정보 사용자 간의 계약으로 지칭되며 소비자에게 필요한 콘텐츠(호출)와 생산자에게 필요한 콘텐츠(응답)를 구성합니다. **Composition API (컴포지션 api) - 일반 변수, 함수를 사용 - 컴파일된 템플릿 코드는 중간에 인스턴스 프록시 없이 this 내부에 선언된 변수에 직접 액세스할 수 있습니다. - 사용할 때 여전히 필요할 수 있는 몇 가지 옵션 : props, emits, name - Composition API로 작성된 외부 라이브러리/새로운 기능과 통합해야 하는 기존 옵션 API 코드 베이스가 있는 경우에만 그렇게 하는 것이 좋습니다. - Composition API 호출은 호출 순서에 민감하지 않으며 조건부일 수 있습니다. - 콜백 함수를 수동으로 캐시 할 필요가 없습니다

[오라클 타로] Crystal Ball Pocket ORACLE [내부링크]

* YES - 예 This is a clear, strong, positive response to your question. 이는 귀하의 질문에 대한 명확하고 강력하며 긍정적인 답변입니다. * NO - 아니요 This is the most absolute "no" in the deck. 이것은 데크에서 가장 절대적인 "아니오"입니다. Nothing fuzzy or ambiguous, this "no" means business. 모호하거나 모호한 내용은 없습니다. 이 "아니요"는 비즈니스를 의미합니다. * GO, THE TIME IS RIGHT - 가세요, 시간이 딱이네요 When you receive this card, it is encouraging you to take action now. 이 카드를 받으면 지금 조치를 취하라는 격려가 됩니다. There is no time like the present. 지금과 같은 때는 없습니다. Seize the moment! 순간을 포

Instance(인스턴스) 란?? [내부링크]

인스턴스 : 객체 지향 프로그래밍(OOP)에서 중요한 개념 중 하나 :객체로 간주하고 이러한 객체들 간의 상호 작용을 중심으로 소프트웨어를 설계 :인스턴스는 클래스에 의해 생성된 구체적인 객체를 가리킴 * 클래스(class) : 객체를 생성하기 위한 일종의 설계 도면 또는 틀 : 객체의 속성과 동작을 정의 : 여러 객체를 생성하기 위한 템플릿 * 객체(object) : 클래스에 의해 생성된 구체적인 객체를 가리킴 : 객체는 클래스의 인스턴스이다.

REST API [내부링크]

REST API의 경로(Path)는 해당 API가 어떤 자원(Resource)에 접근하고, 어떤 동작을 수행하는지를 나타내는 데 사용됩니다. REST(REpresentational State Transfer)는 자원을 이름(즉, URI, Uniform Resource Identifier)으로 구분하고 해당 자원의 상태를 주고받는 것을 의미합니다. 이때, '자원'이란 서버에서 관리하는 모든 것을 의미하며, 주로 데이터베이스의 데이터를 의미합니다. 예를 들어, /users라는 경로는 '사용자'라는 자원에 접근한다는 것을 의미하며, HTTP 메소드(GET, POST, PUT, DELETE 등)와 함께 사용되어 해당 자원에 대한 특정 동작을 수행합니다. GET /users: 모든 사용자 정보를 조회합니다. POST /users: 새로운 사용자를 생성합니다. GET /users/123: id가 123인 사용자 정보를 조회합니다. PUT /users/123: id가 123인 사용자 정보를 수정

null와 ''의 차이점 [내부링크]

JavaScript에서 null과 빈 문자열('')은 서로 다른 타입과 값을 가집니다. **null 아무런 값도 없음을 의미하는 특별한 값입니다. 변수에 null을 할당하면, 해당 변수는 아무런 객체도 가리키지 않게 됩니다. 이는 '값이 없음' 또는 '알 수 없음'을 표현할 때 주로 사용됩니다. **빈 문자열(' ') 문자열 데이터 타입의 값이며, 문자가 하나도 없는 문자열을 의미합니다. 빈 문자열은 문자열 연산에 사용될 수 있으며, 문자열 메소드를 호출하는 데도 사용할 수 있습니다. 따라서 testName: null과 testName: ''의 차이점은 다음과 같습니다. testName: null에서 testName는 값이 없음을 표현합니다. 이 경우 testName에 문자열 메서드를 호출하면 에러가 발생합니다. (예: testName.toLowerCase()) testName: ' '에서 testName는 빈 문자열을 가지고 있습니다. 이 경우 testName에 문자열 메서드를 호

데이터 바인딩 이란?? [내부링크]

데이터 바인딩이란?? 프로그래밍에서 사용자 인터페이스(UI) 요소와 애플리케이션의 데이터 소스를 연결하는 기법을 말합니다. 이를 통해 UI 요소는 데이터 소스의 값의 변화를 실시간으로 반영할 수 있게 됩니다. 데이터 바인딩에는 크게 두 가지 방식이 있습니다. 단방향 데이터 바인딩 (One-way data binding): 데이터 소스에서 UI 요소로의 한 방향으로만 데이터가 흐릅니다. 즉, 데이터 소스의 변화는 UI에 반영되지만, UI의 변화는 데이터 소스에 반영되지 않습니다. 양방향 데이터 바인딩 (Two-way data binding): 데이터 소스와 UI 요소 사이에서 양방향으로 데이터가 흐릅니다. 즉, 데이터 소스의 변화는 UI에 반영되고, UI의 변화도 데이터 소스에 반영됩니다.

컴포넌트 매핑 이란?? [내부링크]

Vue.js의 Vuex와 같은 상태 관리 라이브러리에서 사용 Vuex는 Vue.js 애플리케이션의 중앙 집중식 저장소 역할을 하는데, 이 저장소에서 관리하는 상태(state), 변이(mutations), 동작(actions), 게터(getters) 등을 개별 컴포넌트에서 쉽게 사용할 수 있도록 매핑하는 기능을 제공합니다. 예를 들어, Vuex의 `mapState` 헬퍼를 사용하면 Vuex 저장소의 상태를 Vue 컴포넌트의 계산된 속성으로 매핑할 수 있습니다. 이렇게 매핑하면 컴포넌트 내에서 직접 Vuex 저장소를 참조하지 않고도 Vuex 상태를 로컬 데이터처럼 사용할 수 있게 됩니다. 비슷하게, `mapActions`나 `mapMutations` 헬퍼를 사용하면 Vuex 저장소의 액션과 변이를 컴포넌트의 메소드로 매핑할 수 있습니다. 이를 통해 컴포넌트 내에서 Vuex 액션과 변이를 간편하게 호출할 수 있습니다. //actions.JS (동작) async getParameterCom

Vue.js를 이용한 컴포넌트 정의 [내부링크]

** Template : 검색 입력 필드와 검색 버튼, 검색 결과를 보여주는 리스트 존재 ** Script : data() , computed , watch , methods 등의 기능을 이용하여 동작을 정의 * data() 함수 - 컴포넌트의 초기 상태를 정의 * computed - 계산된 속성을 정의하는 곳 * watch - watch는 특정 데이터의 변화를 감지하고, 변화가 일어났을 때 실행할 함수를 정의합니다. * methods - methods는 컴포넌트의 메소드를 정의하는 곳

[타로]Much Minor Tarot Card - SWORDS Card (검 타로 카드) [내부링크]

**SWORDS Tarot Card (검 타로 카드) 검 타로 카드는 공기의 요소를 나타낸다. 이것은 소통, 갈등, 지적, 명확성, 도전의 요소다. 1. Ace of Swords(소드 에이스) 당신의 행동에 대한 이론적 근거에 대한 새로운 이해를 의미한다. 당신이 무엇인가를 원하는 이유를 아는 것은 당신이 원하는 것이 무엇인지 아는 것만큼 중요하다. 빛과 진리의 칼은 세속적인 성취의 왕관을 뚫고 들어가 단순한 부나 명성보다 더 고귀한 목적을 위해 노력하는 것을 상징한다. 더 높은 자아와 지능을 발동함으로써 여러분은 낙담과 산만함을 이겨낼 것이다. * 핵심 생각 : 이해도 및 명확성 향상, 집중 지능, 분별력 향상 Ace of Swords 2.Two of Swords(소드 2) 눈을 가린 여성이 한적한 곳으로 후퇴해 달 아래에서 경계하고 있다. 그녀가 들고 있는 칼은 누구든 접근하여 그녀의 집중력을 꺾을 수 있는 사람을 경고한다. 그녀는 자신의 결심과 어려운 결정을 스스로 내릴 수 있

[타로]Much Minor Tarot Card - STAVES Tarot Card(지팡이, 막대) [내부링크]

** STAVES Tarot Card (Wands Tarot Card, 지팡이, 막대) 지팡이 타로 카드는 불의 요소를 나타낸다. 이것은 행동, 의지, 강력한 에너지, 변화와 야망의 요소다. 1. Ace of Staves(지팡이 에이스) 여러분 안에 떠오르는 창조적인 충동을 의미한다. 예술적, 성적, 기업가적 등 어떤 것에 집중하든 여러분의 열정은 배출구를 필요로 한다. 수동적인 관찰과 지나치게 세심한 고려는 더 이상 허용되지 않는다. 어떤 방향으로든 어떤 조치를 취하면 지금 성공으로 가는 길을 걷게 될 것이다. 이것은 단지 시작일 뿐이다. 여행은 길고 보상은 여전히 먼 거리에 있다. 하지만 행동할 때가 왔다. 지금 당장 기회를 포착해라. 그렇지 않으면 그들이 너를 지나칠 것이다. * 핵심 생각 : 기업의 시작, 제공되는 기회, 새로운 긍정적 태도 Ace of Staves 2. Two of Staves (지팡이 2) 성곽의 높은 곳에서 한 숙녀가 자신의 넓은 영역을 내다보고 있다.

[오라클 타로]16. LOVING COMPASSION [내부링크]

16. LOVING COMPASSION , Oracle Tarot 애정 어린 동정심, 사랑하는 연민 16. LOVING COMPASSION 무조건적인 사랑, 공감, 연민, 보살핌, 친근함, 호의, 자비, 이중성을 넘어 안전한 공간, 확장된 관점을 통한 용서, 열린 기쁨입니다. 사랑하는 친절은 지구상에서 우리가 이용할 수 있는 가장 큰 힘 중 하나이다. 그것은 모든 것을 변화시킬 수 있는 능력을 가지고 있다. 무조건적인 사랑은 신 또는 신과 가장 밀접하게 일치하는 진동이다. 우리가 우리 자신을 심장 공간으로 깊숙이 떨어뜨릴 때, 우리는 상호 연결되어 있고 하나의 상태에 있다고 느낀다. 우리가 우리의 삶을 사랑으로 이끌기로 선택함에 따라, 현실이 아니거나 우리에게 봉사하는 모든 것들이 사라질 것이다. 갈등이 해소되고 권력투쟁이 해소되며 내면의 평화와 편안함이 내부에서 발산될 것이다. 사랑은 행복의 근원이다. 우리가 숨을 들이쉬고 내쉬는 편안함으로 유동적으로 주고받을 수 있을 때, 우리는

한샘 준비한 2023 연말 쌤페스타 앵콜기획전 [내부링크]

한샘 인테리어가 준비한 2023 연말 쌤페스타 앵콜기획전 신청하기 : http://iryan.kr/t7e65lvmj3 대한민국 대표 리빙 페스티벌, 쌤페스타가 준비한 연말 선물! 오직 5일간만 만날 수 있는 혜택 확인하기 혜택 1 – 당첨확률 100% 경품 이벤트 혜택 2 – 이달의 구매 혜택! 최대 700만원 금액할인 / 사은혜택! 혜택 3 – 설치완료 시 100% 신세계 상품권 15만원 지급 2023.12.07 ~2023.12.11일 까지 단 5일간만 진행되는 쌤페스타 앵콜 -상담완료 고객 100% 당첨 경품 이벤트 ! 인테리어 빠른 상담 신청 버튼 누르고 상담 완료 시 푸짐한 경품을 드려요~ (*해당 이벤트로 공식대리점 상담완료 시) 신세계 상품권 3만원 – 추첨 100명 스타벅스 아메리카노 Tall – 100% 당첨 -최대 700만원 상당 혜택! 계약 금액 별 즉시 할인 또는 사은품 증정~ 원하는 혜택을 선택해서 받아보세요! 500만원 미만 – 신세계 상품권 15만원 권 50

[오라클 타로] 17. AWAKENED AWARENESS [내부링크]

17. AWAKENED AWARENESS, Oracle Tarot 각성된 인식 17. AWAKENED AWARENESS 베일 너머의 전쟁에서 깨어났고, 왜곡과 환상, 잠재의식 속에서 우리를 움직이고 있는 것에 대한 인식, 우리의 신의 힘과 소통하고, 에너지 있는 주권, 당신의 편안한 영역 밖에서의 성장, 집단적 각성합니다. 물리적 현실은 빙산의 일각이다. 우리가 표면에서 보는 태피스트리는 그 너머에서 일어나고 있는 일의 일부분에 불과합니다. 각성된 인식은 우리가 직관적인 관심을 얻는 반복적인 주제, 측면 및 기호에서 선 사이를 살펴보기 시작할 때 발생할 수 있다. 이것들은 숨겨진 중요한 계획과 더 큰 짜임새의 핵심입니다. 이 신탁은 우리가 눈과 마음으로 알 수 있는 모든 것 뒤에 있는 더 깊은 자연을 말해준다. 매트릭스 또는 베일로도 알려진, 일단 발견되면, 그 안에서 길을 잃는 것은 매우 쉽습니다. 우리는 우리의 물리적 현실에서 방향성을 잃게 되어 그 밖의 어떤 것도 이해할 수 없

[타로]Much Minor Tarot Card - Discs Tarot Card (펜타클 or 코인) [내부링크]

** Discs Tarot Card (Pentacles Tarot Card, 펜타클 or 코인) 디스크 타로 카드는 지구(또는 흙)의 요소를 나타낸다. 이것은 일, 몸과 감각, 돈, 집, 그리고 모든 유형의 요소이다. 1. Ace of Discs (에이스 디스크) 여러분이 어떤 일을 맡든 여러분의 행복에 보탬이 되는 유익한 기간의 시작을 의미한다. 부는 증가할 것이고, 건강은 향상될 것이며, 전문직과 개인 간의 파트너십은 번창할 것이다. 다른 사람들은 직접 또는 물질적인 도움을 주기 위해 손을 뻗을 것이다. 이 번창하는 시간은 선물이고 낭비해서는 안 된다는 것을 명심해라. 정원 벽의 구멍은 더 나은 삶을 위한 초대장이지만, 여러분은 그것을 통해 걷는 것을 선택해야 한다. * 핵심 생각 : 물질적 행복, 번영, 건강, 예상치 못한 도움의 선물 Ace of Discs 2. Two of Discs (디스크 2) 지금은 위태로운 시기이고, 여러분은 모래 위에 서 있다. 여러 작업의 균형을

Tarot, Seven of Cups - 컵 7개 [내부링크]

Seven of Cups - 컵 7개 (정/역방향) : 축복과 환상 컵 7개 정방향 여러분이 원하는 것을 성취할 수 있는 능력으로부터 완전히 단절되었을 때 나타난다. 당신은 꿈을 크게 꾸는 사람이지만, 당신이 스스로 세운 목표를 실현하기 위해 올바른 조치를 취하지 않고 있다. 카드에는 일곱 개의 컵을 올려다보고 있는 한 남자의 모습이 그려져 있다. 어떤 것들은 보석이나 승리의 화환과 같은 호화로운 선물들을 담고 있는 반면, 다른 것들은 뱀이나 용과 같은 부정적인 의미를 더 많이 담고 있다. 구름은 남자의 꿈을 상징하고, 컵과 그 내용물은 여러분이 바라는 것을 조심하라는 경고이다. 모든 것이 겉으로 보이는 것과 같지는 않다. 겉으로 보기에 단순히 매혹적인 것보다는, 진정으로 보람 있는 것을 골라야 한다. 1. 정방향 환상, 새로운 기회, 그리고 해야 할 중요한 결정에 대해 말한다. 여러분은 다양한 옵션 중에서 선택할 수 있는 위치에 있는 것이 행운이지만, 어떤 중요한 결정을 내리기 전

Tarot, Eight of Cups - 컵 8개 [내부링크]

Eight of Cups - 컵 8개 (정/역방향) : 우선 사항의 전환 Eight of Cups, 정방향 카드는 삶의 전환과 변화의 표시이며, 성취감과 성공을 위해서는 기존의 일상에서 벗어날 필요가 있음을 시사한다. 카드는 한 남자가 땅에 놓인 8개의 컵을 뒤로하고 걸어가는 모습을 묘사하고 있다. 그 컵들의 배치는 대칭적이지 않아 마치 컵들 사이에 하나가 없어진 것 같다. 카드의 이미지는 그 남자가 성취감이 부족하고, 실망감을 느끼며 여덟 개의 컵을 등졌음을 암시한다. 카드의 배경은 어두운 산과 불길해 보이는 강이 지배하고 있으며, 이것은 그의 앞에 닥친 시련, 도전을 상징한다. 밤하늘을 비추는 달은 회피의 상징이며, 맞닥뜨린 상황을 피해 탈출하고 싶은 욕망을 나타낸다. 1. 정방향 카드는 여러분이 현재의 실망스러운 상황에서 벗어나야 한다고 느낀다는 것을 의미할 수도 있다. 이것은 직업의 변화, 새로운 연인 또는 오래된 우정의 종말로 나타날 수 있다. * 사랑 : 당신의 연애에는

Tarot, Nine of Cups - 컵 9개 [내부링크]

Nine of Cups - 컵 9개 (정/역방향) : 기쁨과 성취감, 실현되는 소원을 나타낸다. Nine of Cups, 정방향 카드는 오랫동안 고생한 후에, 여러분이 그토록 열심히 일했던 모든 것이 최대한으로 성취될 것이라는 것을 보장한다. 타로 스프레드에서 과거 위치가 아닌 미래의 위치에 나올 때, 미래의 성공을 예견하므로 특히 좋은 카드이다. 카드에는 팔짱을 낀 채 나무 벤치에 앉아 있는 한 남자의 모습이 그려져 있다. 그는 약간 으스대는 표정으로 무언가에 매우 만족한 듯 보인다. 그의 위에 아치를 이루는 아홉 개의 컵은, 그의 목표를 달성한 것에 대한 감정적 성취와 깊은 만족을 나타낸다. 1. 정방향 오랜 고난 끝에 이루어진 한 사람의 소망을 상징한다. 당신의 자신감은 지금 사상 최고이다. 과거를 뒤로하고 행복과 성취와 성공의 삶으로 나아가라. * 사랑 : 이 카드는 여러분의 현재 연인 관계가 모든 면에서 여러분을 만족시키고 있다는 것을 의미한다. 신뢰, 이해, 로맨스 모두

Tarot, Ten of Cups - 컵 10개 [내부링크]

Ten of Cups - 컵 10개 (정/역방향) : 단결과 사랑, 가장 긍정적인 타로 카드 중 하나 Ten of Cups, 정방향 이 카드는 당신의 전문적인 노력의 성공을 나타낼 뿐만 아니라, 당신의 인생에서 가장 중요한 모든 사람들, 무엇보다도 당신의 배우자, 가족들과 함께 완전한 성취감을 느끼게 됨을 나타낸다. 카드에는 한 남자와 그의 아내, 그리고 그들의 두 아이가 10개의 컵으로 이루어진 무지개 아래에서 즐겁게 춤을 추고 있다. 무지개는 평화와 행운을 상징하며, 놀이와 창의성을 나타내는 즐거워하는 아이들이 그려져 있다. 그 옆의 강은 무한한 사랑의 흐름을 비유한 것이고, 나무와 밭의 짙은 녹색은 다산을 상징한다. 두 부모 모두 하늘을 향해 팔을 뻗은 모습으로 그려지며, 행복한 가족과 매력적인 삶에 감사함을 표현한다. 1. 정방향 정방향 카드가 나타내는 것은 애정, 행복, 그리고 긍정적인 것에 대한 모든 것이다. 특히 이 카드는 즐거운 가정생활과 조화를 이야기한다. 여러분이

API 호출 시 400 Bad Request 오류가 발생 원인 [내부링크]

** API 호출 시 400 Bad Request 오류가 발생 원인 : 잘못된 요청을 보냈다는 것을 의미 : 요청의 구문, 크기, 제한, 인증 등이 올바르지 않아 발생

Tarot, Page of Cups - 소년 컵 [내부링크]

Page of Cups - 소년 컵 (정/역방향) : 당신의 심장을 따라가세요. Page of Cups , 정방향 컵 카드의 열한 번째 카드인 페이지 오브 컵스(Page of Cups)는 당신의 순수함, 즉 어린애와 같은 면을 드러내도 좋다는 것을 알아야 할 때 나타난다. 전반적으로 긍정적인 이 카드는 또한 여러분의 나이보다 꽤 많은 누군가와의 멋진 로맨스가 여러분을 기다리고 있다는 것을 의미할 수도 있다. 어린이와 같은 경이로움과 상상력의 상징인 이 카드는 여러분이 자기 인식과 내면의 진화와 관련하여 전환점에 도달하고 있다는 분명한 신호이다. 그리고 그 전환점에서 어떤 결정을 내릴 때, 여러분은 어느 때보다도 본능을 믿고 마음을 따라야 할 필요가 있다는 것을 나타낸다. 웨이트 카드에는 파란색 옷을 입은 한 젊은이가 위를 쳐다보고 있는 물고기가 담긴 컵을 들고 있는데, 그 물고기는 마치 젊은이를 대화에 끌어들이려는 듯한 모습을 하고 있다. 물고기는 잠재의식이나 정신을 나타내며, 그

뷰 디렉티브(Directive) [내부링크]

** html 태그 안에 v-접두사를 붙여 사용, 동작을 결정하는 역할이다. ** 디렉티브의 종류 v-bind html 요소의 속성이나 컴포넌트 prop을 바인딩 <div v-bind:id="textId"></div> v-on dom 이벤트를 감지하고 그에 반응하는 이벤트 리스너를 추가 <button v-on:click="counter +=1"></button> v-model 양방향 데이터 바인딩을 생성, 주로 폼 입력과 사용 <input v-model="message" placeholder="Hello??"> v-if, v-else-if, v-else 조건부 렌더링을 수행, 특정 조건이 참(true)일 때만 요소를 렌더링 <div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'"> B </div> <div v-else> C </div> v-show v-if와 유사하지만, 요소를 항상 dom에 유지하고 css를 통해 보이거나

배열 메서드 [내부링크]

** push() : 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 새로운 길이를 반환 let arr=[1, 2, 3] arr.push(4) //결과 : [1, 2, 3, 4] ** pop() : 배열에서 마지막 요소를 제거하고, 그 요소를 반환 let arr = [1, 2, 3] arr.pop() //결과 : [1, 2] ** shift() : 배열에서 첫 번째 요소를 제거하고, 그 요소를 반환 : 배열의 길이를 변경한다. let arr = [1, 2, 3] arr.shift() //결과 : [2, 3] ** unshift() : 배열의 시작 부분에 하나 이상의 요소를 추가하고, 변경된 배열의 새로운 길이를 반환 let arr = [1, 2, 3] arr.unshift(0) //결과 : [0, 1, 2, 3] ** splice() : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경 let arr = [1, 2, 3, 4, 5] arr.sp

Math 객체 란?? [내부링크]

** Math객체 란?? : 수학전인 상수와 함수를 위한 내장 객체. : 수학 상수와 수학 함수를 속성과 네서드로 제공 상수 Math.pow(2,53) //2의 53승 Math.round(.6) //1.0: 가장 가까운 정수로 반올림 Math.ceil(.6) //1.0: 정수로 올림 Math.floor(.6) //0.0: 정수로 내림 Math.abs(-5) //5: 절댓값 Math.max(x, y, z) //인자 중 가장 큰 것을 반환합니다. Math.min(x, y, z) //가장 작은 인자를 반환합니다. Math.random() //0이상 1.0미만의 랜덤한 숫자 x Math.PI // ㅠ : 원주율 Math.E //e: 자연 로그의 말 Math.sqrt(3) //3**0.5 : 3의 제곱근 Math.pow(3,1/3) //3**(1/3) : 3의 세제곱근 Math.sin(0) //삼각함수. Math.cos, Math.atan 등도 있다 Math.log(10) //10의 자연 로

선택자 [내부링크]

1. 요소 이름으로 선택하기 - `$("p")`: 모든 `<p>` 요소를 선택합니다. - `$("div")`: 모든 `<div>` 요소를 선택합니다. <script> $(document).ready(function(){ //또는 $(document).ready(()=>{ 화살표 함수 사용 $("button").click(function(){ //function()을 ()=> 변경가능 $("p").hide(); //$("div").hide(); }); }); </script> <body> <p>저는 p태그 입니다.</p> <button>저를 클릭 하시면 숨을 거예요.</button> </body> 2. 아이디로 선택하기 - `$("#id")`: 주어진 id를 가진 요소를 선택합니다. <script> $(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); }); </script> <body> <

이벤트 메서드 [내부링크]

** 더블 클릭 이벤트 = dblclick() 이란?? 요소에 더블 클릭 이벤트를 바이딩하려면, dblclick()메서드에 이벤트 핸들러 함수를 전달해 준다. <script> $(document).ready(function(){ $("p").dblclick(function(){ $(this).hide(); }); }); </script> <body> <p>나를 더블 클릭해죠!!</p> </body> 또는 <script> $(document).ready(function(){ $("p").dblclick(function(){ $(this).css('color', 'red'); }); }); </script> <style> p {color: black} </style> <body> <p>나를 더블 클릭하면 빨간색으로 변신할 거야!!</p> </body> ** 마우스다운 이벤트 = mousedown() 이란?? 이벤트 핸들러 함수를 전달하여 해당 요소에서 마우스 버튼을 누를 때 실행될 코드

요소(=태그) 추가 [내부링크]

** HTML 또는 UI에 요소를 동적으로 추가할 수 있다. 1. `append()`: 선택한 요소의 내부 마지막 부분에 새로운 요소나 내용을 추가합니다. <script> $(document).ready(function(){ $("button").click(function(){ $("ol").append("<li>New List item</li>"); }); }); </script> <body> <ol> <li>List item</li> <li>List item</li> <li>List item</li> </ol> <button>클릭하면 리스트를 추가해 줄게!</button> </body> 2. `prepend()`: 선택한 요소의 내부 처음 부분에 새로운 요소나 내용을 추가합니다. <script> $(document).ready(function(){ $("button").click(function(){ $("ol").prepend("<li>New List item</li>"); }

Dimensions, 창의 크기 다루기 [내부링크]

** dimensions 이란?? 요소 및 브라우저 창의 크기를 가져오거나 설정하기 위한 여러 메서드를 제공 1. width() 및 height() : 요소의 너비 및 높이를 가져오거나 설정한다. : 패딩(padding), 테두리(border), 마진(margin)은 포함하지 않는다. <script> $(document).ready(function(){ $("button").click(function(){ var txt = ""; txt += 'width:' + $("div").width() + 'px'+ "</br>"; txt += 'height:' + $("div").height() + 'px'; $("div").html(txt); }); }); </script> <style> div { height: 100px; width: 300px; padding: 10px; margin: 3px; border: 1px solid blue; background-color: skyblue;

JQuery 실행하기 [내부링크]

"<script src="https://~~ /jquery/3.5.1/jquery.min.js"></script> "태그가 같이 있어야 함 ** HTML 파일 본문의 <script>넣어 로딩하는 방법 <!doctype html> <html> <head> <meta charset="utf-8"> <title>무제 문서</title> </head> <body> </body> <script> window.onload = function() { // 코드 작성 }; </script> </html> ** 외부 js파일 확장자로 실행하는 방법 * index.html 파일 <!doctype html> <html> <head> <meta charset="utf-8"> <script src="myScript.js"></script> <title>무제 문서</title> </head> <body> </body> </html> * myScript.js (파일 이름은 작성은 자유지만 파일 이름은 항상 영

비트 연산자 XOR(^) 이란?? [내부링크]

비트 연산자 XOR(^) 이란?? : 두 비트가 서로 다를 때 1을 반환하고, 그렇지 같을 때 0을 반환한다. 예시로 5^3=?? 각 숫자를 0이 될 때까지 반복해서 2로 나누어 준다. 나머지를 역순으로 나열하면 이진수를 얻을 수 있다. 5의 정순 : 101 3의 정순 : 110 역순 : 101 역순: 011 그래서 XOR 결과 : 110 110은 오른쪽에서 왼쪽으로 읽어서 계산을 해준다. - 첫 번째 자리는 2의 0승을 표현하며, 값은 0 * (2의 0승) = 0 - 두 번째 자리는 2의 1승을 표현하며, 값은 1 * (2의 1승) = 2 - 세 번째 자리는 2의 2승을 표현하며, 값은 1 * (2의 2승) = 4 값을 모두 더하면 0 + 2 + 4 = 6이 됩니다. 그래서 5^3 = 6 이진수 110은 십진수로 6입니다. 개발 코드로 계산을 하면... 아래 이미지와 같이 콘솔에 '6'으로 잘 나온다. var a = 5; var b = 3; c = a ^ b; console.log

문자열을 다루는 메서드 [내부링크]

1. String.localeCompare() : 이 메서드는 기본 문자열과 비교 문자열을 지역 특정 정렬 순서에 따라 비교합니다. 반환 값은 다음과 같습니다. - 기본 문자열이 비교 문자열보다 작을 경우: -1 - 기본 문자열이 비교 문자열과 같을 경우: 0 - 기본 문자열이 비교 문자열보다 클 경우: 1 <script> let a = 'apple' let b = 'banana' console.log(a.localeCompare(b)); console.log(b.localeCompare(a)); console.log(a.localeCompare(a)); </script> 결과 2. String.toLowerCase() : 이 메서드는 문자열의 모든 대문자를 소문자로 변환합니다. <script> let apple = 'Hello World' console.log(apple.toLowerCase()) </script> 결과 3. String.toUpperCase() : 이 메서드는 문

요소와 콘테츠 제거 메서드 [내부링크]

remove() : 선택한 요소와 해당 하위 요소를 제거 :css에서 display:none;과 같다. <script> $(document).ready(function(){ $("#test").remove(); }); </script> <div id="test">나 글씨다~</div> 2. empty() : 선택한 요소의 하위 요소를 제거 <script> $(document).ready(function(){ $("#test").empty(); }); </script> <div id="test">나 글씨다~</div> 3. remove()와 empty() 차이점!!! ** remove() ** empty() 이미지와 같이 remove()은 '<div id="test"></div>'은 자체가 삭제가 됩니다. empty()은 '나 글씨다~'라는 글씨만 삭제가 된다. 만약, empty() 사용할 때 <div>에 내용이 없다면 아무 변화가 없다. 4. removerClass() : 다양한 요

eq() 메서드 [내부링크]

** eq() : 선택한 요소의 특정 인덱스 번호를 가진 요소를 반환 <body> <ul> <li>나는 내용 1</li> <li>나는 내용 2</li> <li>나는 내용 3</li> <li>나는 내용 4</li> <li>나는 내용 5</li> </ul> </body> <script> window.onload = function(){ $("li").eq(2).css("color","red") }; </script> eq(2)이지만 '나는 내용 3'에 red으로 변경된 이유는 jQuery에서는 인덱스 번호는 0부터 시작이기 때문에 '나는 내용 2'가 변경이 아니고 '나는 내용 3'이 변경된 이유이다. 하지만, eq()를 작성한 이유는 css로도 가능한 코드가 있어 소개하기 위함입니다. ** :nth-child(n) : 특정 요소의 n 번째 자식 요소를 선택하는 데 사용 <style> li:nth-child(2){ color: red } </style> <body> <ul> <li>나는

[함수] filter() 이란?? [내부링크]

** filter() 함수 : 특정 조건을 만족하는 요소만을 선택하여 새로운 배열이나 집합을 생성한다. 1번 예제 - 잘 표현이 됩니다. <body> <h1>필터란 무엇일까요?</h1> <p class="test_p">1.p요소는 내용 작성합니다.</p> <p>2.p요소는 내용 작성합니다.</p> <span>강조 글에 대해서 많이 사용해요.</span> <div>보통 자식들을 감쌀 때 사용합니다.</div> </body> <script> window.onload = function(){ $("p").filter(".test_p").css("color", "red"); }; </script> <결과> 필터란 무엇일까요? 1.p 요소는 내용 작성합니다. 2.p 요소는 내용 작성합니다. 강조 글에 대해서 많이 사용해요. 보통 자식들을 감쌀 때 사용합니다. 2번 예제 - 변화 없음 혹시나 해서 'filter()' 삭제해 봤다. "Uncaught ReferenceError: $ is not

VIII. Strength - 힘 [내부링크]

VIII. Strength - 힘 (정/역방향) : 연민의 정, 용기, 자신감, 열정 정방향, 8번 힘 이 카드는 짐승 같은 힘에 대한 지성과 악에 대한 도덕성의 승리를 보장한다. 한 여성이 침착하게 사자를 쓰다듬고 있는데, 이는 외부 세력에 대한 통제력을 보여준다. 여자는 사자를 끈으로 묶거나 몽둥이로 때리지 않는다. 대신에, 그녀는 동정심을 통해 그것을 통제한다. 동정심, 교활함, 또는 이해를 통해서든, 힘은 단순히 당신의 의지를 강요하는 힘이 아니라, 어떤 상황에 대한 진정한 통제력을 상징한다. 그녀의 머리 위에 있는 무한의 상징은 자아의 통제를 상징한다. 내면의 폭풍을 잠재움으로써, 그 여자는 진정한 마음의 주인이 된다. 이것은 그녀에게 사자를 길들이는데 필요한 힘과 명료함을 주며, 세상의 모든 면에 대한 통제권을 부여한다. 1. 정방향 힘 카드 힘 카드는 당신이 이미 목표에 달성하기 위한 특성을 갖추고 있으며, 인생의 다음 단계를 밟을 준비가 되어 있다는 것을 나타낸다. 앞

오늘 출근 길~ [내부링크]

아직은 살짝 덥지만, 하늘은 가을 하늘이네요~

IX. The Hermit - 은둔자 [내부링크]

IX. The Hermit - 은둔자 (정/역방향) : 해답을 찾다. 정방향, 9번 은둔자 은둔자 카드는 자기 성찰을 통해 지식과 깨달음에 대한 탐구를 나타낸다. 이 카드는 개인적인 여행, 고독의 힘에 대해 말한다. 이 카드의 남자는 외딴곳에 혼자 있다. 그는 긴 여정을 떠났지만, 그의 등불과 지팡이는 그가 그의 길에 머물기로 결심했다는 것을 보여준다. 그는 고독과 평온 속에서 해답을 찾는다. 은둔자는 또한 산 중턱에서 내려다보고 있는데, 이것은 그가 그의 지혜를 찾는 사람들과 기꺼이 나눌 용의가 있음을 나타낸다. 1. 정방향 은둔자 카드 당신이 반성해야 하는 시기임을 나타낸다. 스스로 시간을 갖는 것은 여러분이 깨달음을 얻어 더 나은 가치관을 찾을 수 있게 해 줄 것이다. * 사랑 : 당신이 주로 자기애에 관심이 있다는 것을 나타낸다. 명상을 통해 자신이 누구인지에 대해 스스로 감사하는 법을 배울 것이다. 이 영적인 탐구를 하는 동안 여러분이 자신을 어떻게 보고 있었는지 생각하고,

논리합 연산자와 논리곱 연산자 [내부링크]

*true = 좋은 것, 참 *false = 좋지 않은 것, 거짓 && : 논리곱 연산자 = 그리고 양쪽 변의 값이 모두 참(true)일 때 결과가 참(true)이다. 하나라도 거짓(false)이면 거짓(false)이다. 활용 방법 : 2가지 조건이 모두 충족해야 할 경우 사용 true &&(그리고) true = true true &&(그리고) false = false false &&(그리고) true = false false &&(그리고) false = false || : 논리합 연산자 = 또는 양쪽 변의 값 중 하나만 참(true) 이여도 결과는 참(true)이다. 활용 방법 : 2가지 조건 중 하나라도 충족이 되는 경우 true ||(또는) true = true true ||(또는) false = true false ||(또는) true = true false ||(또는) false = false let a = 10 > 5;//true let b = 10 < 5 //false;

데이터 종류 - 원시형 타입 또는 자료형 [내부링크]

**원시형 타입 또는 자료형 검사 * 문자열 타입 = string 반드시 '' , ""로 묶어 사용한다. let a = '안녕하세요.'; > 안녕하세요. let b = '안녕하세요.' + '저는 문자열입니다.'; > 안녕하세요.저는 문자열입니다. * 숫자형 타입 = number let a = 1 + 2; > 3 let b = '1' + 1; //문자열로 강제 항변환이 된다. > 11 * boolean = 참, 거짓 let a = true; let b = false; console.log(!!0); // 0은 false를 의미한다. console.log(!!-0); //false console.log(!!'') //false console.log(!!undefined) //false; console.log(!!null); console.log(!!1); //1은 true를 의미한다. console.log(!!'text'); //true console.log(!!Infinity); //

상수? 변수? [내부링크]

* 상수 : 항상 같은 수, 변경 사항이 없다면 상수 - 한 번 값을 넣으면 수정할 수 없지만 확인할 수는 있다. - 상수는 한 번 값을 넣으면 수정할 수 없어 저장 성능이 좋다. - 수식에서 변하지 않는 값 - const 키워드로 선언 const는 값이 변하지 않는 상수에 대한 변수이다. const는 재할당이나 재선언이 불가능하다. 다만, 객체나 배열로 선언되는 경우 값이 변경이 가능하다. const 이름 = 값 * 변수 : 변할 수 있고 변경할 가능성이 있으면 변수 - 값을 계속 변경할 수도 있고 확인도 가능하다. - 수시로 변경이 가능해서 저장 성능이 나쁘다. - let 키워드로 선언 let 다른 프로그래밍 언어와 같은 블록레벨 스코프를 맞추기 위해서 생성된 변수 키워드 let 이름 = 값 let으로 바꾸게 되면 for문 안에 있는 i는 지역변수가 되므로 서로 다른 값을 출력하게 된다. 변수를 선언할 때에는 const를 기준으로 하고 재할당이 필요한 경우 let으로 변경하여

switch 조건문 [내부링크]

배열 요소 제거 [내부링크]

splice() 메서드 *splice : 접합 <네이버 번역> 1.(밧줄의 두 끝을 풀어) 꼬아 잇다, 잇대다 2.<재목 등을> 맞대어 잇다, 겹쳐 잇다 ((together, to, onto)) 명사 1. 꼬아 잇기, 이어 맞추기 2.(재목·궤조(軌條) 등의) 겹쳐 잇기, 주접(重接) 배열.splice( 인덱스, 제거할 요소의 개수) <script> let kind = ['가지', '호박', '사과', '당근']; let num = kind.splice(3, 1); console.log(num); console.log(kind); </script> let num = kind.splice(3,1); 해석 : 3번째 매개변수를 1개 삭제 indexOf() 메서드 특정 값의 위치 찾기 let 인덱스 = 배열.indexOf(요소) 배열.splice(인덱스, 1) <script> let kind01 = ['가지', '호박', '사과', '당근']; let num01 = kind01.index

es6 - 반복문 [내부링크]

** es6(ECMAscript6) = 2016년도 - 변수의 추가 let, const(var는 사용하지 않도록 권장) - 함수의 작성법이 변화(화살표 함수) - 새로운 문법(템플릿 리터럴) - 메서드의 추가 let 변수명 = '문자열' //변수의 선언 function 태그함수(매개변수){ 실행 코드 return //태그템플릿에 반환할 값 } let 태그템플릿변수명 = 태그함수`문자${변수명}` ** 변수 스코프(scope)의 종류 - 블록레벨 스코프(if, for, while)에서 선언되는 변수는 블록내에서만 유효한 변수여야 하며, 밖에서는 호출할 수 없다. - 블록레벨 내에서 선언되는 변수느 모두 지역변수이다. ** 함수레벨 스코프 - 함수 내에서 선언된 변수는 함수 내에서만 사용하며, 함수밖에서는 호출할 수 없다. - 함수 내에서 선언된 변수는 지역변수, 밖에서 선언된 변수는 모두 전역변수다. ** for 반복문 특정 횟수만큼 반복하고 싶을 때 사용하는 범용적인 반복문 단순한

유니버설 웨이트 타로 카드 란?? [내부링크]

유니버설 웨이트 카드 설명점에 라이더 웨이트 타로카드를 먼저 설명하겠습니다. 라이더 웨이트 타로 (Rider Waite Tarot)? 아서 에드워드 웨이트가 황금 여명회(마술 결사회)의 해석에 근거해 디자인한 타로 카드 유니버설 웨이트 타로 (Universal Waite Tarot) ? 라이더 웨이트를 다시 그린 타로 카드로 라이더 웨이트에 비해 재해석된 부분이 있으나 라이터 웨이트 타로 카드와 같은 카드라고 해서 무방하다. *위키백과 기반으로 설명하였습니다. 통통한 토끼 타로 / 키츠네 타로 통통한 토끼 타로 / 키츠네 타로

함수 종류 [내부링크]

함수의 정의 : function 키워드 , 함수는 자판기이다. 함수에 입력값을 넣으면 반환값을 얻을 수 있다. ** 콜백 함수 : callback - 매개변수로 전달하는 함수 - 다른 함수가 실행을 끝낸 뒤 실행되는 callback 퇴는 함수 - 가독성이나 코드 재사용 면에서도 사용 가능 ** forEach() - 배열이 갖고 있는 함수(메서드)로 배열 내부의 요소를 사용해서 함수를 호출 - map()과 같이 배열을 탐색하지만 차이점은 - map()은 값을 새로운 배열에 반환하지만 - forEach()은 배열값을 반복해서 사용하기 위한 메서드이다. - es6에서 새로 생긴 메서드는 아니고 es5에 추가된 메서드임 **map() - 배열이 갖고 있는 함수 - 리턴 한 값들을 기반으로 새로운 배열을 만든다 - filter 함수와 같이 객체(object) 타입도 컨트롤 가능하다. - 배열을 map호출해서 새로운 배열로 만듬 - 한번만 실행하고 빈 요소는 실행되지 않음(값을 호출하지 못하기

분노하지 마라 [내부링크]

분노하거나 화를 내는 것은 자기 성장의 장애물이 됩니다. 분노는 자신을 부끄럽게 만듭니다. 분노는 마음을 어둡게 만들고, 지혜를 읽게 합니다. 분노는 문제를 해결하는 대신 더 큰 문제를 야기할 수 있습니다. 분노는 상황을 악화시키는 가장 쉬운 방법입니다. 분노는 승리자가 아닌 패자를 만듭니다.

0. the fool - 바보 [내부링크]

0. the fool (바보) (정/역방향) : 결정이 앞에 놓여 있다. 정방향 0. 바보 새로운 시작을 나타내며, 이 새로운 시작과 함께 여러분의 옛 삶에서 어떤 것을 포기하기 시작할 것이다. 타로 카드에서 강력하고 중요한 긍정적인 카드이다. 많은 면에서 어린아이 같은 순수함을 나타낸다. 이 카드는 중요하고 도전적인 결정이 앞에 놓여 있다는 것을 나타내는데, 이러한 결정은 대개 위험 요소를 수반한다. 즐겁지만 맹목적으로 절벽 끝에서 걸어가는 모습을 보여준다. 한 손에는 작은 자루, 다른 손에는 순수함을 상징하는 흰 장미 외에는 아무것도 들고 있지 않다. 그의 충실한 동행자와 모험을 하고 있으며, 그의 다음 단계는 치명적일 수 있고, 결과적으로 그들의 여행은 실현되지 못한 채로 남겨질 수도 있다고 경고한다. 바보는 위험을 깨닫기엔 너무 순진해, 절벽 끝에서 걸어가는 것에 대해 전혀 개의치 않는다. 바보의 세속적인 소지품들이 모두 들어 있는 자루는 순진하고 걱정이 없는 것을 나타내고,

I. The magician - 마법사 [내부링크]

I. The magician - 마법사 (정/역방향) : 신성한 영감을 받다. 정방향 I. 마법사 모든 사물, 사업의 시작점을 나타내며, 창조의 충동을 나타내는데, 그의 안에는 모든 가능성과 잠재력이 있다. 한 청년이 작은 아르카나를 상징하는 네 개의 물건, 즉 지팡이, 컵, 칼, 동전이 놓여 있다. 그의 머리 위에 후광처럼 떠 있는 것은 영원한 생명의 상징인 렘니스케이트의 옆모습 8의 형상이다. 그의 머리 위에는 욕망을 상징하는 붉은 장미의 덩굴이 있다. 추상적인 사상의 흰 백합이 얽힌 테이블 앞에는 붉은 장미꽃이 피어 있다. 그는 오른손에 당근(또는 지팡이)를 들고 있는데, 오른손은 머리 위로 들고 왼손은 땅을 가리키고 있다. 마술사가 찾아와 영혼과 물질에 동참한다. 1. 정방향 마술사 카드 카드는 기술, 지략, 그리고 물질세계에 영향을 미치는 능력을 나타낸다. 이 카드는 최상으로 신에게 영감을 받은 개인의 힘을 나타낸다. * 사랑 : 능숙하고 매끄럽고 유혹적인 마술사는 지적이면

객체 [내부링크]

** 객체는 크게 4가지로 분류된다. 1. 사용자 정의 객체(new Name..) 2. 약속되어 있는 객체(내장 객체) new Date, new Array... 3. BOW = browser object modeling; = 브라우저 관련 내장 객체 4. DOW = document object modeling; = 문서 html 문서 내에 있는 모든 요소를 말한다. - 페이지 내의 모든 html 요소를 컨트롤할 수 있다. - 페이지 내의 모든 css를 컨트롤 할 수 있다. - 페이지 내의 모든 요소에 이벤트를 적용할 수 있다. ** window 관련 속성 innerHeight = 창의 높이 값을 반환(탭이나, 스크롤바는 제외) innerWidth = 창의 가로 값을 반환 outerHeight = 차의 높이 값을 반환(탭, 스크롤바를 포함) outerWidht = 차의 가로 값을 반환 screenLeft = 창이 화면 좌측에서 떨어져 있는 좌표를 반환 screenTop = 창이 화면

II. The High Priestess - 여사제 [내부링크]

II. The High Priestess - 여사제 (정/역방향) : 지혜와 움직일 수 없는 것 정방향 II. 여사제 그녀는 여러분에게 여러분의 직감을 믿으라고 촉구한다. 세상은 거짓말과 조작으로 가득 차 있어, 속임수를 꿰뚫어 보는 능력을 길러 내야 한다. 그녀의 머리에는 가운데에 하얀 구와 뿔이 달린 왕관이 있고 왼발 옆에는 커다란 노란 달 초승달의 뿔이 다시 나타난다. 왕관은 초승달, 보름달, 초승달 등달의 3 단계처럼 보인다. 이 세 개의 달은 이상적인 3중 여신을 연상시킨다. 밀랍 초승달은 처녀를 상징하고 순수함을 상징하며, 보름달은 아이를 낳거나, 여성다움의 "완전한" 표현을 가리킨다. 그녀는 왼손에 "토라(TORA)"라고 쓰인 두루마리를 들고 있으며, 오른손과 닫힌 책의 일부를 볼 수 없어 사물의 숨겨진 의미나 은밀한 의미를 상징한다. 여사제는 두 개의 기둥 사이에 앉아 있는데, 오른쪽에 있는 검은색 기둥은 B라고 쓰여 있고, 왼쪽에 있는 흰색 기둥은 J라고 쓰여 있다.

내용 입력 함수 [내부링크]

정적 생성 방법 : html 문서에 직접 작성하여 생성 동적 생성 방법 : 자바스크립트에서 문서 객체를 활용하여 생성하는 것 let text1 = document.querySelector('.text1'); let text2 = document.querySelector('.text2'); let text3 = document.querySelector('.text3'); text1.innerHTML = '<a href="#">텍스트</a>'; //문자열에 태그가 들어갈 태그로 생성 text2.innerText = '<a href="#">텍스트</a>'; //모든 내용을 문자열로만 생성 text3.textContent = '<a href="#">텍스트</a>'; - innerHTML = 선택된 객체 안에 html 코드가 있으면 코드로 처리 - innerText = 문자열을 문서 객체에 자손으로 추가하거나 값을 반환하는 역할을 한다. * 문자열 안에 태그도 일반 문자로 인식 * 보이는 텍

Child [내부링크]

appendChild() = 자손 요소를 추가 removeChild() = 자손 요소를 삭제 let p = document.createElement('p'); document.body.appendChild(p); let div = document.querySelector('div') document.body.removeChild(div) replaceChild() = 자손 요소를 수정 let box01 = document.querySelector('.box01'); let title = document.querySelector('.title'); let h1 = document.querySelector('h1'); box01.replaceChild(h1,title) //box01.replaceChild(새로운 요소, 기존의 요소) //기존요소와 자리를 바꾸는 게 아니라 삭제됨 parentNode = 부모 요소의 노드를 반환 parentElement = 부모 요소를 반환 *조상 요소를

이벤트 [내부링크]

**인라인 이벤트 <태그명 on이벤트명 = '속성'></태그명> <p onclick = 'this.style.color="red"'>버튼 01</p> -인라인 이벤트 방식은 이제 사용하는 방법이 아니다. 간혹 옛날 코드에서 아직 사용되고 있지만 html과 javascript를 구분 지어서 사용하는 것이 좋다. -예외로 보는 경우 CBD(Compoenet Base Develope) 기반의 라이브러리(vue, react)에서는 예외로 본다. CBD 방식에서는 html, css, javascript 전체를 화면을 구성하기 위한 하나의 요소로 보기 때문에 인라인 방식이 더 좋다. **직접 이벤트 방식 태그명.on이벤트명 = function(){실행 코드}; addEventListener를 사용하는 방식 선택자.addEventListener('이벤트명',function(){실행 코드}); 여러 개의 이벤트를 한 번에 줄 수 있다. removeEventListener('이벤트명',) 1. 마우

III. The Empress - 여황제 & 여왕 [내부링크]

III. the Empress - 여황제 (정/역방향) : 다산과 관능 정방향. 3번 여왕 또는 여황제 여황제는 여성의 힘, 풍요, 양육, 가정과 가족의 사랑을 상징한다. 이 카드는 특별한 행복과 무한한 행운을 의미한다. 특히 긍정적인 카드로 여겨진다. 황후는 앞을 똑바로 바라보며 호화로운 주황색 방석과 천으로 장식된 돌 왕좌에 앉아 있다. 그녀의 왼손은 무릎 위에 가볍게 올려져 있고 오른손은 쿠션 위에 얹힌 채 세계의 세계에 둘러싸인 솟아오른 홀을 잡고 있다. 그 홀 옆에, 12개의 별들로 이루어진 왕관이 그녀의 머리 위에 있다. 흰색 별 모양으로 장식된 금색의 왕관을 쓰고, 꽃무늬로 장식된 가운은 느슨하게 땅에 떨어진다. 그녀의 발아래에는 노란 곡식들이 자라고 있다. 그녀의 왼쪽으로 물이 흐르고 있으며, 짙은 녹색의 나무들이 있다. 맞은편에는 사랑과 예술, 미의 지배자인 금성의 상징이 새겨진 하트 모양의 방패가 있다. 여황제는 이 생에 들어가는 문을 의미하는데, 이는 지상 낙원인

IV. The Emperor - 황제 [내부링크]

IV. The Emperor - 황제 (정/역방향) : 자신감과 권위, 가부장제, 물질적인 힘, 보호를 의미한다. 정방향, 4번 황제 4번 황제 카드는 중립 카드로 간주되지만, 일반적으로 좋은 징조로, 상당한 권력 이동이 임박했음을 나타낸다. 이러한 권력과 영향력의 재편성은 직장에서 중요한 리더 위치로 승진하는 것으로 나타날 수도 있고, 혹은 좋든 나쁘든 새로운 상사나 권위 있는 인물이 여러분 삶에 들어왔다는 것을 알게 될 수도 있다. 나쁜 징조가 될 가능성도 있는데, 이러한 물질적 변화가 여러분의 영향력과 위신, 권위를 현저히 떨어뜨릴 수 있기 때문이다. 황제는 그의 경험과 지혜를 나타내는 요소인 흰머리에 흰 수염을 가진 나이 든 남자로 보인다. 황금 왕관, 왼손의 지구본은 그의 물질적인 부와 힘을 가리킨다. 앉아 앞을 똑바로 바라본 그의 팔은 돌 왕좌 위에 당당하게 놓여 있다. 네 귀퉁이에 모두 숫양의 머리를 장식한 이 왕좌는 산꼭대기에 자리 잡고 있으며, 다른 산의 봉우리가 그

V. The Hierophant - 교황 [내부링크]

V. The Hierophant - 교황 (정/역방향) : 권위와 관습 정방향, 5번 교황 교황 카드는 종종 결혼식, 세계, 장례식과 같은 종교적인 의식을 예고한다. 또한 권위, 관습, 엄격한 전통적인 생활 방식을 따르는 헌신을 나타낸다. 교황은 조직, 제도, 정신적 지도를 상징하며, 그의 조끼는 순결, 불멸, 의식을 상징한다. 그의 오른손은 축복의 행위로 들고 왼손에는 전통적으로 가톨릭 교황과 관련된 3중 십자가를 들고 있으며, 십자가의 3중 가로 막대는 아버지, 아들, 성령을 상징한다. 그는 교황의 세 가지 직위와 주요 기능, 즉 최고 목사, 최고 교사, 최고 성직자를 지칭하는 정교한 금관을 쓰고 있다. 이 왕관의 꼭대기에서 돌출된 세 개의 못은 예수 그리스도의 개인적인 희생과 십자가를 상징한다. 그의 앞에는 두 명의 견습생이 앉아 있는데, 이는 신성한 지식의 전달을 의미한다. 1. 정방향 교황 카드 교황 카드는 당신에게 전통에서 탈피할 때가 아니며, 진실한 것을 고수할 때라는

VI. The Lovers - 연인 [내부링크]

VI. The Lovers - 연인 (정/역방향) : 심장을 따르라, 이중적 의미를 가지고 있다. 정방향, 6번 연인 이름 그대로 강한 연인 관계의 신호이긴 하지만, 인생의 중대한 기로에 서 있으니 급한 결정은 피해야 한다. 두 남녀가 서로 마주 서 있다. 여자가 사과나무 아래에 나타나 에덴동산을 연상시킨다. 남자는 12개의 불꽃을 가진 나무 앞에 서 있는데, 이것은 12 궁도의 12개 표지와 그의 운명을 형성하는 열정을 상징한다. 공중에는 천사 라파엘이 있는데, 그는 두 사람을 축복하면서 내려다본다. 배경에서는 여성스러움을 상징하는 산과 강을 볼 수 있다. 연인 카드는 두 적대 세력의 결합과 타락하기 전의 덧없는 행복을 묘사한다. 1. 정방향 연인 카드 가장 긍정적인 카드 중 하나인 연인 카드는 단결, 열정, 기회를 상징한다. 여러분의 연인 관계는 굳건하며, 어려운 선택이나 발표를 하기에 적절한 시기임을 나타낸다. * 사랑 : 애정 관계에서 조화, 매력, 그리고 완벽함을 상징한다.

this 란? [내부링크]

* 기존 함수에서의 this는 함수를 호출하는 객체 화살표 함수에는 항상 화살표 함수를 정의한 객체를 this로 본다. * 전역에서 this를 호출할 경우 window를 출력한다. document가 아닌 이유는 문서상에서 출력하지 않기 때문 let a = this; console.log(a); function item(){ console.log(this) } item(); // window를 출력 * 화살표 함수에서는 this는 이벤트를 발생시킨 대상이 아닌 대상을 소유하는 객체가 된다. - 옛날 함수의 this 함수를 선언할 때 this에 연결될 객체가 정해져 있지 않고 함수를 호출하는 순간에 누가 호출했냐에 따라서 계속 바뀌는 방식 - 화살표 함수의 this 함수를 선언하는 순간 this가 미리 연결되어서 결정된다. 화살표 함수의 this는 항상 상위 스코프의 this를 참조한다. window.onload = () => { btns = () =>{ document.querySel

클래스 란? [내부링크]

class - class는 일종의 함수지만 function 대신에 class라는 키워드로 작성한다. - 함수와 같이 변수 선언과 함수식 선언 둘 다 지원한다. - 하나의 클래스로 여러 개의 인스턴스를 생성할 수 있다.(공장의 틀과 같음) - 객체를 생성하기 위한 값과 메서드가 정의되어 있는 공장의 틀과 같음 - constructor()라는 메서드를 사용하여 값을 할당한다. class MyCar{ //클래스명과 함수명을 구별하기 위해 대문자로 시작한다. constructor(name){ //name을 전달받기 위함 매개변수 this.brand = name; //필드내에서 this는 클래스가 생성할 인스턴스를 지칭한다. } } let car1 = new MyCar('포르쉐'); let car1_2 = new MyCar('벤츠'); //class를 인스턴스로 생성할때에는 new로 호출한다. console.log(car1.brand); console.log(car1_2.brand); - c

Mucha Tarot - Mucha Maior Card [내부링크]

0. 0. The Fool (바보) 우리 모두는 가벼운 마음과 순진한 정신으로 삶의 여정을 시작한다. 우리가 길을 따라 마주치는 모든 모험에는 기쁨의 잠재력이 있다. 바보는 지식, 이해, 아름다움을 추구하며 인간의 일생을 여행하는 영혼이다. 그녀가 들고 있는 카네이션은 인간의 육체에 깃든 정신의 화신을 상징한다. 그녀는 삶의 경험의 흐름 속에서 온전히 살아가려는 의지만이 있을 뿐 아무런 기대도 없다. 그녀의 세속적인 소유물은 소박하고 적은 것으로 작은 순례자의 가방을 어깨에 메고 다닌다. 그녀의 반려견은 그녀를 절벽 가장자리에서 멀리 안내하는데, 그는 본능적으로 우리를 해로부터 보호하는 의식 부분이기 때문이다. 본능의 인도와 그 목적을 향한 정신의 부름에 귀를 기울이면 항상 정확히 자신이 있어야 할 곳에 있다. * 핵심 : 시작, 개방성, 낙관주의, 신뢰, 순수함, 완벽한 영혼 1. I. The Magician (마술사) 마술사는 그녀의 욕망을 표현하기 위해 우주의 에너지를 요구한다

VII. The Chariot - 전차 [내부링크]

VII. The Chariot - 전차 (정/역방향) : 강건하고 두려움이 없다. 승리, 정복, 지배를 상징한다. 정방향, 7번 전하 성공을 보장하지는 않지만 여러분의 노력과 끈기가 보상받을 것이라고 약속한다. 검은색과 흰색 스핑크스가 전차 앞에 앉아 있다가 호출되면 전차를 끌 준비를 한다. 두 마리의 스핑크스들은 성공하기 위해 지휘하고 제압해야 하는 반대 세력을 상징한다. 승리자로서 모든 인간들 위에 홀로 서 있다고 말하는 것처럼 도시 위로 솟아 있다. 전차는 별의 캐노피 아래에 있는데, 이것은 그가 신이 나 하늘 위가 아니라는 것을 상기시켜준다. 지구와 물질계의 원소 상징인 운전석의 광장은 그를 더욱 돋보이게 한다. 1. 정방향 전차 카드 전차는 여러분이 끝까지 노력을 하겠다는 결의를 보여 준다. 성공은 시련과 고난 넘어에서 여러분을 기다리고 있기 때문에, 자신의 목표에 재투자하고, 야망을 두 배로 늘려야 한다. * 사랑 : 일반적으로 자신을 사랑하는 것의 중요성을 나타낸다. 진

11. AETHER - The Seamless Unspeakable [내부링크]

11. AETHER - The Seamless Unspeakable 에테르 - 이음새 없는 말로 표현할 수 없습니다. 11. AETHER - The Seamless Unspeakable 제로 포인트 필드, 공허함, 빈 캔버스, 문턱, 무엇이든 가능하며, 인생에 가져올 것을 선택할 수 있는 시간, 무한한 가능성, 무한한 가능성, 한계, 역설 이 조명된 공간은 산만함이 없고 순수한 잠재력이 역치를 벗어납니다. 그것은 시간 밖의 고요하고 명상적인 순간이다. 마음과 외부 세계의 혼잡을 넘어 중심적이고 현재의 장소이다. 그곳은 모든 꿈이 탄생하는 곳이며, 우리가 어둠이 되는 것을 두려워할 수 있는 빛입니다. 단 한 순간, 모든 것이 존재하지 않게 될 때 말입니다. 이곳은 세계 사이의 장소이고, 우리가 태어나기 전의 자궁입니다. 그리고 여기서 우리는 우리가 어디로 갈지 선택할 수 있습니다. 땅은 우리가 파종하고 싶은 꽃을 준비하기 위해 경작되었고, 옛날 문은 닫혔으며, 숨 쉬는 사이의 공간에서

12. WATER - The Overflow [내부링크]

12. WATER - The Overflow 물 - 넘쳐흐르다 12. WATER - The Overflow **흰 장미 : 때 묻지 않은 하얀 장미는 성모 마리아를 상징하며 순결, 물, 달, 존경을 관장한다. 풍요로움, 애착이 없는 것, 부족함이 없는 패러다임, 재정적이고 활기찬 선물이 흘러서 더 많은 것을 만들어 낼 수 있게 해 준다. 저의 가장 중추적인 레무리아적 비전 중 하나인 나는 초라한 진흙 오두막에서 사는 삶으로 안내되었다. 내가 접근할 수 있는 다양한 차원에서 어떤 생각도 만들 수 있었기 때문에, 나는 동시에 아름다운 수정 같은 궁전에서 살았다. 나는 무엇이든 마음대로 창조할 수 있는 패러다임 속에 내 자신을 발견했고, 따라서 희소성의 개념도, 무엇이든 붙잡을 필요도 없었다. 이 경험은 내 삶을 변화시키는 변화를 시작했다. 우리는 우리의 일상적인 현실에서 이 개념에 대해 언급하기 시작했을지도 모른다. 우리가 의무보다 넘치는 곳에서 더 많은 것을 줄 때, 우리가 아무것도

13. AIR - Paradigm Shift [내부링크]

13. AIR - Paradigm Shift 공기 - 인식 체계를 변경되다 13. AIR - Paradigm Shift 기존의 새로운 지구 에너지, 다른 사람들에게 영감을 주고 신선한 공기, 이전보다 더 높은 곳으로 날아가고 더 넓은 시야, 의식 변화의 혁신적인 방법입니다. 우리는 엄청난 변화의 시대에 있으며, 우리의 진화 속도는 기하급수적으로 증가하고 있다. 우리의 발전된 기술과 의사소통 능력으로 인해, 개인으로서 우리가 수 세기 동안 가졌던 것보다 더 많은 지식과 힘을 얻을 수 있다. 우리가 이 정보를 공유할 수 있는 더 많은 플랫폼들이 있다. 우리는 변화를 일으키고 있는 부족들과 연결될 수 있는 능력을 가지고 있습니다. 우리의 빛이 통합되고 증가하는 변화의 거미줄과 연결될 수 있습니다. 접근할 수 없거나, 금기시되거나, 미스터리 또는 시작에 가려져 있던 정보, 특히 치유 예술에서, 이제는 이용할 수 있다. 우리는 에너지 주권을 구축하고 지역사회에서 큰 변화를 만들기 위해 선택할

14. EARTH - Nurture Nature [내부링크]

14. EARTH - Nurture Nature 지구 - 자연을 가꾸세요. 14. EARTH - Nurture Nature 지구를 돌보는 것, 삶의 조수와 흐름, 대자연의 사랑스러운 포옹, 죽음과 부패의 자연적 아름다움, 거시적 우주, 자연 속의 시간, 조상, 풍화의 폭풍을 통한 성장, 번영할 수 있도록 자기와 마음을 양육합니다. 아무도 자연이 할 수 있는 방식으로 우리를 붙잡을 수 없습니다. 엄마의 자연은 우리가 붙잡아 둘 수 있는 강력한 치유자이자 에너지의 전달자입니다. 그녀가 우리의 숨결을 들이마시고 우리의 뼈를 비옥한 토양으로 돌려주듯이, 우리가 항복하거나, 풀로 덮인 팔에 눕거나, 나뭇가지에 포옹할 수 있다면 그녀도 우리의 고민을 바꿀 수 있습니다. 플라스틱과 기름이 재생을 위해 지구에서 분해될 수 없는 것처럼, 우리의 감정이 굳어지고 침투할 수 없는 것이 더 파괴적인 것으로 촉매될 때, 그것들은 우리가 자라는 퇴비로 바뀔 수 없다. 우리가 좋은 것과 나쁜 것으로 분류할 수

Spread Crafter's Oracle - Success / PRACTICE [내부링크]

PRACTICE PRACTICE To put into action, to apply a concept in a practical way, to hone a skill, to develop a habit, to exercise. 습관 실행에 옮기고, 개념을 실용적으로 적용하고, 기술을 연마하고, 습관을 기르고, 운동을 하는 것. * action = 실행 * concept = 개념 * practical = 실용적 * skill = 기술 * develop = 발전시키다 * habit = 습관 * exercise = 운동 ** 23년 5월 15일의 차크라 내가 하려고 하는 일을 실행에 옮기라는 말이겠지요?? 운동 다시 잘 해보자!!

15. FIRE - Solerus Sublime [내부링크]

15. FIRE - Solerus Sublime 불 - 솔레 루스의 숭고함 15. FIRE - Solerus Sublime 이중성, 창조, 쿤달리니, 떠오르는 봉황, 갈등을 조화, 강렬함, 변화, 살아있다는 것의 믿을 수 없는 것, 합체, 무한한 에너지로 가져옵니다. 우리는 빛과 어둠, 음과 양, 남성과 여성의 이원적인 세계에 살고 있다. 오직 빛에만 집중하는 것은 우리의 그림자를 억압할 수 있다. 양쪽의 균형을 맞추고 인간성과 함께 현실이 되는 것은 우리가 더 많은 기쁨, 진정성, 깊이에 도달할 수 있게 해준다. 우리 자신을 있는 그대로 받아들이고 사랑함으로써, 우리는 이 사랑을 더 확장하고 다른 사람들과 더 깊은 연민을 가질 수 있습니다. 이 그림은 창조의 균형 잡힌 춤을 묘사하고 있다. 분리와 이중성의 거리가 클수록 밀도가 커집니다. 용들이 모이면, 그들은 모든 것과 하나로 합쳐진다. 이 융합의 장소에서, 융합은 우주와 재결합하는 것뿐만 아니라, 우리가 진정으로 권한을 부여받은

Spread Crafter's Oracle - Success / COMMIT [내부링크]

COMMIT COMMIT To dedicate, to devote, or pledge yourself to - to persist, to not give up or give in. To choose something fully. 저지르다 헌납하거나, 헌신하거나, 자신을 맹세하는 것 - 지속하고, 포기하지 않거나, 굴복하다. 어떤 것을 완전히 선택하는 것. * dedicate = 헌납하다 * devote = 헌신하거나 * pledge = 맹세 * not give up = 포기하지 않다 * give in = 굴복하다 ※ 2023년 5월 16일 차크라~ 하단의 검은색은 제 손가락 그림자요~ 오늘의 조언을 생각하면서 뽑았을 때 어제와 같은 '습관'이 나왔었다. 그래서 하나를 더 뽑아서 나의 해석은~ "기술을 연마해서 습관화해서 하고자 하는 일을 자신에게 맹세해서 지속하고 포기하지 말아라." 가 아닐까?? (좋은 말만 사용하기!!) https://blog.naver.com/ecoce1/223

Much Minor Card - CUPS Card (컵 카드) [내부링크]

** Cups Card (컵 카드) 컵카드는 물의 요소를 상징합니다. 감정과 깊은 연관이 있습니다. 1. Ace of Cups(컵 에이스) 손에는 금잔이 들려있고 다섯 개의 물줄기가 컵에서부터 흘러나오고 있다. 여기서 다섯개의 물줄기는 오감(시각, 청각, 촉각, 후각, 미각), 즉 감정을 의미한다. 풍부한 감정과 직감으로 새로운 시작을 맞이합니다. 금 잔에는 평화와 행복의 상징인 비둘기가 날아들었다. 대부분의 문제들이 원하는 대로 이루어질 수 있습니다. * 핵심 생각 : 정신적 성장, 즐거움, 새로운 인연, 사랑과 평화, 마음을 나눔 * 생각 : 어떤 관념에 도달하기 위한 의식적인 정신적 과정 : 헤아리고 판당하고 인식하는 것 따위의 정신 작용 : 다른 말로는 사유, 사고라고 한다. 2. Two of Cups(컵2) 두 사람의 마음과 마음이 참된 친근감을 느낄 때 마치 천사 같은 존재가 두 사람을 축복하는 것 같습니다. 다른 사람에게 자신의 취약한 비밀과 꿈을 공유하기 위해서는 용기

Spread Crafter's Oracle - Seeker / OPINION [내부링크]

OPINION OPINION A view that is formed based jon what you know, how you think and how you feel. A perspective or judgement informed by your personal experiences, your upbringing and your worldview. 의견 당신이 알고 있는 것, 당신이 어떻게 생각하고 어떻게 느끼는지에 따라 형성되는 관점. 개인적인 경험, 성장 및 세계관에 의해 알려지는 관점 또는 판단 * opinion - 의견 * view - 구경 * perspective - 시각, 내다보는 힘 * judgement - 판단 * informed - 모양이 없는 * personal - 개인의 * experiences - 경험 * upbringing - 교육 * worldview - 세계관 ※2023년 5월 17일 내가 어떻게 생각하는 야에 내 세계관이 성장 또는 형성된다고 이해하면

Spread Crafter's Oracle - Success / CONQUER [내부링크]

CONQUER CONQUER To slay, to battle, to defeat, to overcome. 정복하다 죽이고, 싸우고, 이기고, 극복하자 * Conquer - 정복하다, 극복하다 * Overcome - 이기다, 정복하다, 극복하다 * Slay - 죽이고 * Battle - 싸우다, 투쟁하다 * Defeat - 좌절시키다 ※2023년 5월 18일 차크라 내가 무엇을 이기고 극복할 수 있을까?? 일과 일과 관련된 사람들 아니까?!

Spread Crafter's Oracle - LIGHTWORK/ PRAYER [내부링크]

PRAYER PRAYER What do you need to communicate to the Universe? What are you inspired to put into words and expression right now? What are your hopes, dreams and wishes? 기도 우주와 소통하려면 무엇이 필요합니까? 당신은 지금 말과 표현에 무엇을 넣도록 영감을 받았습니다까? 당신의 희망, 꿈, 소망은 무엇입니까? (지금 프로젝트에서 벗어나는 것이요) need - 필요 communicate - 전달하다 Universe - 우주 inspired - 영감을 주다 put - 놓다 expression - 표현 hopes - 희망 dreams - 꿈 wishes - 소망들 ※ 2023 5월 19일 차크라 지금 프로젝트에서 벗어나는 것을 기도하면 된다는 말일까?? (맘속 소망...ㅠㅠ)

자바스크립트 - 오류가 발생하는 원인 [내부링크]

1. 코드를 잘못 입력할 경우 ex) 아래와 같이 alert를 aler로 표기할 경우 <script> alert('hello world'); //정확한 코드 aler('hello world'); //잘 못입력한 코드 </script> 2. 기호를 잘못 입력할 경우 ex) 따옴표를 닫지 않을 경우, 괄호를 닫지 않은 경우 <script> alert('hello world'); //정확한 코드 alert('hello world); //오류 코드 alert('hello world //오류 코드 </script>

자바스크립트 - 키워드 종류와 뜻 [내부링크]

**키워드 await : await은 '기다리다' 뜻으로 프라미스가 처리될 때까지 기다린다. break case : switch 문 내부의 문장에 레이블을 붙인다. catch class : let이나 const와 같이 호스팅 되지 않는 것처럼 동작한다. const : 선언할 때 사용, 함수 continue : 가장 안쪽의 루프, 또는 '레이블'로 명명된 루프를 재시작한다. debugger default : switch 문에서 디폴트 문장에 레이블을 붙인다. delete : 피연산자로 지정된 객체를 시도하는 단항 연산자 do ... while : while 루프를 만드는 다른 방법 else : 조건부 코드 실행 export extends : parent 클래스를 상속받는 child 클래스를 정의할 때 사용 finally for : 편리하게 쓸 수 있는 루프 function : 함수를 선언한다. if : 조건부 코드 실행 import in : 객체에 속한 프로퍼티들에 대해 루프를 돈다.

8. THIRD EYE CHAKRA - Pineal Perspective [내부링크]

8. THIRD EYE CHAKRA - Pineal Perspective 제3의 눈 차크라 또는 투시력 차크라 - 송과선의 원근법 ** 송과선은 송과샘 또는 솔방울 샘이라고도 하며 먹장어를 포함한 몇몇 종을 제외한 대부분의 척추동물 뇌 내에 존재하는 작은 내분비 기관이다. 송과선은 세로토닌(serotonin)에서 유래된 멜라토닌(melatonin)이라는 호르몬을 분비하여 수면 양상을 조절한다 [네이버 지식백과] 8. THIRD EYE CHAKRA - Pineal Perspective 지혜와 의식, 직관, 상상력, 내면과 외부 세계를 보는 것, 무한함, 이해의 중심지입니다. 제3의 눈으로 연결하여 마음으로 이해하는 것을 초월합니다. 현재와 지금까지 상호 연결된 웹을 통해 더 깊은 내면의 지식을 발견하십시오. 당신은 언제든지 원할 때 이 지혜에 귀를 기울일 수 있다. 이 지혜는 오래되었지만 선구적이다. 그것은 우리가 시시각각으로 엮기로 선택한 자유의지의 창조자이다. 관찰하는 증인이 되어

9. CROWN CHAKRA - The Unlimited Self [내부링크]

9. CROWN CHAKRA - The Unlimited Self 왕관 또는 명예의 차크라 - 무한한 차아입니다. **차아 : 산소산에서 중심 원자의 산화수가 하나 적다는 뜻의 접두어 9. CROWN CHAKRA - The Unlimited Self 헌신, 내면의 지도, 비전적 영감, 마음을 초월한 깊이, 깨달음, 우주와의 연결, 생명력 에너지. 왕관 차크라는 당신 존재의 다차원성에 대한 당신의 연결고리이다. 당신의 영혼의 자리, 그것은 우아하게 당신을 하늘과 연결합니다. 무한함의 상징인 무한함은 펼쳐진 꽃잎 안에 나타나며 당신의 가장 강력한 잠재력을 가리킵니다. 여기서, 여러분은 우리가 정신, 목적 그리고 진실과 일치할 때 우리와 함께 춤을 추는 신성한 빛의 가닥을 즐길 수 있습니다. 복원 엄격한 결과 없이 현재 상태로 유지됩니다. 당신의 삶에서 더 많은 공간을 찾으세요. 명상하는 당신만의 방법을 찾으세요. 여러분이 산만할 때, 여러분은 지표면에서 살고 있습니다. 탐색기가 수신될

10. SOUL STAR CHAKRA - Merging with the Divine [내부링크]

10. SOUL STAR CHAKRA - Merging with the Divine 신성한 별 차크라 - 신과 합병합니다. 10. SOUL STAR CHAKRA - Merging with the Divine 초월, 포기하기, 신성한 빛으로 채워주기, 채널링, 카르믹 레코드, 영적 영역과 물리적 영역 사이의 다리, 상승으로 가득 차게 할 것이다. 타로 카드의 이미지는 공간을 초월한 시간의 융합과 우리 존재를 관통하는 만화경적 지혜를 포착한다. 우리는 많은 세계에서 살아왔다. 모두 상호 연결되어, 그들은 변화의 메시지로서 그들이 가지고 있는 교훈을 지지한다. 그들의 시너지가 우주의 팽창을 만들어낸다. 우리 별들 사이의 빛이 무엇이든 될 수 있는 곳을 응시하라, 그리고 집단 진화는 더 웅장한 이야기의 일부이다. 우리가 단순히 손을 놓았을 때, 우리는 우리가 찾던 모든 것이 되고 더 큰 꿈을 엿볼 수 있다. 복원 여러분은 공간과 시간을 넘어 인식을 확장할 수 있는 능력을 가진 무한한 존재라

7. THOUTH CHAKRA - Express Your Truth [내부링크]

7. THOUTH CHAKRA - Express Your Truth 의사소통 차크라 - 당신의 진실을 표현하세요. 7. THOUTH CHAKRA - Express Your Truth 표현, 의사소통, 당신 자신의 창조적인 언어, 당신의 정신을 공유하고, 당신의 독창성, 진실성을 받아들인다. 이 차크라는 표현의 기원이다. 그것은 우리의 생명력에 영감을 주고 다른 사람들에게 창조적인 불을 지피게 하는 생명의 불꽃의 근원이다. 이것은 우리 내면의 외부 공유입니다. 우리 영혼의 빛나는 노래, 우리가 누구인지 더 많이 이해하기 위한 비행의 바람 위에서. 당신의 잠재력의 핵심에 연결해서 당신이 상상했던 것보다 더 멀리 나아가라. 정신이 유형에 융합되면서, 그것은 더 큰 경험을 위한 플랫폼으로 현실화되고 새로운 면들은 우리 고유의 언어의 형태로 빛의 프랙탈로서 조각되고, 씨를 뿌리고 공유됩니다. ** 프랙탈 또는 프랙털은 일부 작은 조각이 전체와 비슷한 기하학적 형태를 말한다. 복원 여러분이 정

6. HIGH HEART CHAKRA - Ecstatic Bliss [내부링크]

6. HIGH HEART CHAKRA - Ecstatic Bliss 신성한 사랑 차크라 - 황홀한 행복 6. HIGH HEART CHAKRA - Ecstatic Bliss 신의 사랑, 사심 없음, 영적 연민, 심장 중심의 블리스를 통한 하나 됨, 치유, 감사, 사랑, 인내, 기쁨입니다. 이 카드는 우리가 가장자리와 보호 용기를 떨어뜨릴 때 느끼는 행복한 하나임을 이용한다. 이곳은 우리가 붙잡혀 보고 있다고 느끼는 곳이고, 하나로 흐를 만큼 충분히, 나의 영원한 부분이 당신의 영원한 부분과 만나는 곳입니다. 이것은 우리의 더 높은 자아들이 우리의 기쁨 넘치는 넘치는 곳에서 다른 사람들을 공유하고, 선물하고, 들어 올리는 방법에 대한 조명된 관점을 위해 소통하는 사심 없는 상태입니다. ** 타로카드의 새의 뜻?? 승진, 승천, 고차원적 생각, 생각의 흐름, 조감도, 높은 이상, 영감, 희망 근심 걱정 없음, 마음 편함, 쾌활함 복원 무엇이 여러분이 기쁨으로 줄 수 있는지 탐구함으로써 여

품위 있는 사람들의 특징 [내부링크]

1. 있는 그대로 자신을 인정한다. 보통 사람들은 내면과 겉의 차이가 크기 때문이다. 품위 있는 사람들은 상대적으로 내면과 외면이 많이 일치하는 모습을 보입니다. 2. 다름을 배움으로 다룬다. 품위 있는 사람들은 발끈하는 일이 드뭅니다. 그것은 다름을 '틀리다'로 받아들이지 않기 때문입니다. 그래서 다름을 '배움'으로 여길 줄 알게 되는 것입니다. 3. 어려울 때도 제자리를 지킨다. 품위란 삶의 하강기가 찾아와도 퇴행하지 않을 수 있는 능력이다. 고통에 직면하면서도 무뎌지지 않을 수 있는 능력, 극심한 고뇌를 겪으면서도 제자리에 남을 수 있는 능력은 품위를 지킬 때 완성된다. - 미국의 정신과 의사이자 신학자 '스캇 팩' 말 - 잘 나갈 때 잘 났다고 자랑하거나 남을 무시하지 않습니다. 어려울 때 위축되지 않습니다. 특히, 삶이 어려울 때 일관성이 두드러집니다. 어려운 때도 품위를 지킬 줄 아는 사람은 무서운 능력을 가지고 있는 사람은 어떤 상황에서도 정신을 놓지 않는다는 의미입니다

1. The Magician (마법사) [내부링크]

1번 마법사 카드 설명 마법사 곰. 무한한 가능성이 있는, 매력적인 존재를 뜻한다. 그러나 아직은 미성숙하다. 마법사 곰의 머리 위에 무한대의 표식이 떠다니고 있다. 이것은 마법사 곰이 영리하고 능력있는 존재이며, 무한한 가능성이 있음을 나타낸다. 곰의 허리에는 자신의 꼬리를 문 뱀 형태의 허리띠가 있다. 이 꼬리를 문 뱀은 우로보로스로, 무한을 나타내는 상징적 존재이자, 세상을 구성하는 근원적 물질의 상징이기도 하다. 즉, 무한한 창조력을 상징한다. 흰 옷은 순수함을, 붉은 옷은 열정을 상징한다. 바닥에 놓인 것은 "지팡이(Wand) = 불(Fire), 검(Sword) = 바람(Wind), 컵(Cup) = 물(Water), 펜타클(Pentacle) = 땅(Land)" 인데, 이것은 타로의 상징이자, 인간사회를 상징한다. 땅에는 추상적인 사상의 흰 백합과 붉은 장미꽃이 피어 있다. 손에 든 막대로는 하늘을 가리키고, 다른 한 손으로는 땅을 가리킨다. 곰은 곧 마법 주문을 외울 것이고

5. HEART CHAKRA - Unfurling Back to love [내부링크]

5. HEART CHAKRA - Unfurling Back to love 마음 차크라 - 사랑으로 돌아가요. 5. HEART CHAKRA - Unfurling Back to love **잠자리 - 일본 : 과거 승충이라 부르며 무사들이 자신의 투구나 무기 등에 잠자리 모양 장식을 달기도 했다. 잠자리는 오직 전진만을 할 수 있다고 알려져 있다. - 중세 유럽과 미국 : Devil's Needle 혹은 악마의 짜깁기 바늘(수술 후 수술 자리를 꿰맬 때 쓰는 바늘)이라는 별명으로 불렸다. 가늘고 뾰족한 배를 보고 바늘을 연상시켜서 이런 별명이 붙었다고 생각하기 쉽지만, 다름 아닌 공포의 대상이었다. - 유럽 : 악마, 사탕을 의미 - 동양 : 긍정적인 용의 심상과 매우 다르다. 잠자리가 영어로 dragonfly(용+파리)라는 점 자신과 다른 사람들을 위한 사랑으로 돌아가는 마음, 관계, 연민, 용서, 공감, 연결, 수용, 관대함 이 차크라 카드는 많은 형태로 사랑을 나타낸다. 인생의 모

4. SOLAR PLEXUS CHAKRA - Radiant Illumination [내부링크]

4. SOLAR PLEXUS CHAKRA - Radiant Illumination 태양 신경총 차크라 - 복사 조명입니다. 4. SOLAR PLEXUS CHAKRA - Radiant Illumination 개인의 힘, 독립성, 자기 수양, 자신감, 주장력, 의사 결정, 신념, 지적 능력, 의지의 표현, 아이디어를 현실로 끌어낸다. 태양 신경총 차크라는 우리 존재의 빛나는 중심이다. 그것은 우리의 열정에 활력을 불어넣는 활기찬 불꽃을 담고 있다. 당신이 공간을 차지하고 있다는 생각과 보안 기반의 경쟁력을 가지고 있는 작고 무능력한 놀이에서 한 발짝 물러나려면 이 공간에 들어가십시오. 이 센터 안에 있는 풍부한 생명력에 적응하고, 에너지를 얻고, 동기를 부여받고, 영감으로 가득 차며, 열정적이고, 정신을 맑게 하여, 당신이 세상에서 더 많은 자신과 태어나고 싶은 것을 이끌어 낼 수 있습니다. 깊고 진정한 자기 힘의 감각을 발견함에 따라, 당신은 다른 사람들을 축하하며, 차이를 조화시키고

box-sizing 속성 [내부링크]

"box-sizing"의 값은, "content-box"가 기본값으로 "padding-box", "border-box"가도 있다 box-sizing : content-box CSS 표준에 정의되어 있는 기본값이다. width 와 height 속성은 컨텐츠만 포함하며, padding, border, margin 은 포함하지 않는다. box-sizing : padding-box width 와 height 속성이 padding 을 포함한다. border, margin 은 포함하지 않는다. box-sizing : border-box width 와 height 속성이 padding, border 를 포함한다. margin 은 포함하지 않는다. 이 값은 IE Quirks mode 의 구현과 동일하다. 주의할 점 - box-sizing 속성은 스타일 상속이 되지 않는다. - IE, Firefox 23 이전, Chrome 에선 `window.getComputedStyle()`이 올바르게 적용되지

순수 CSS 이미지 호버 효과 [내부링크]

CSS만으로 호버 효과를 낼 수 있다는 거!! 다소 많은 코드가 필요하지만 일반적인 호버 말고 애니메이션 같지만 아니 호버 효과를 내 보세요^^ http://imagehover.io/ 첨부파일 imagehover.css-master.zip 파일 다운로드 혹시나 해서 첨부파일도 올려요~~

html 레이아웃은 css Flex 관련 url [내부링크]

flex 컨테이너를 사용하기 위해서는 몇가지 알고 가면 좋을꺼 같다. display: flex;라고 해도 display: inline-flex;이도 있다. 나 같은 경우에는 <li>태그를 이요한 리스트만들때 사용하기 때문에 display: flex;을 사용한다. display: flex; 사용하는 예로는 block(인라인 요솔르 포함할 수 있고 다른 블록 요소도 일부 포함가능) 특성의 태그에 사용한다. display: inline-flex;사용하는 예로는 inline(항상 블록 요소안에 포함되어 있어야 하는 태그)특성의 태그에 사용한다. 나머지 설명은 아래 url를 참고하시면 될꺼 같습니다~ㅎㅎㅎ https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘

html 레이아웃은 css Grid 관련 url [내부링크]

https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 두번째 포스트입니다.혹시… studiomeal.com 제 2탄 이번에는 display: grid;를 가지고 왔습니다. 많은 도움이 되면 좋겠습니다.^^

media기본 구조 및 정리 [내부링크]

사용자 입장에서 가끔 폰을 회전해서 보고 싶을때가 있다~ 특히 게임을 할때 웹에서는 사용을 잘 안해서 생각도 안했는데 ;;; @media (orientation: portrait) { /* 세로 모드일 때 적용할 CSS */ } @media (orientation: landscape) { /* 가로 모드(회전 상태)일 때 적용할 CSS */ } test할때 각각에 background-color에 컬러 값을 주고 해보면 정확하다~ 참고: https://studiomeal.com/archives/1068 웹페이지 가로 모드/세로 모드 인식하기 모바일 트래픽이 데스크탑을 앞지른 시대인 요즘은, 모바일이나 데스크탑 어디에서도 콘텐츠가 무리 없이 보이도록 대부분의 웹페이지들이 반응형으로 제작됩니다. 반응형 페이지를 만들 때 폰을 세로로 들고 있느냐 가로로 들고 있느냐를 판별하고, 그에… studiomeal.com

모바일에서 버튼 hover 효과 제거 [내부링크]

<button>버튼에 사용할 때 사용하는 css point-events: none; 속성을 소개하려고 합니다. 특히 반응형을 만들다 보면 사용할 일이 생긴다. :hover 가 모바일에서 :focus 효과가 나온다. 그리고 모바일에서 hover 효가 없이 클릭하면 바로 넘어 기기 때문에 :hover가 필요가 없다. 그래서 반응형을 개발할 때 버튼의 마우스/터치 이벤트들(css hover/active, js click/tap, 커서 드래그 등 ) 효과가 있다면 @media에서부터 point-events: none; 속성을 사용하기를 권장한다. point-events 속성에는 3개의 속성값을 가지고 있다. * point-events: none; html 요소에 정의된 클릭, 상태(hover, active 등), 커서 옵션들이 비활성화한다. * point-events: auto; 비화 성화된 이벤트를 다시 기본 기능을 하도록 되돌린다. * point-events: inherit; 부모 요소

이미지 사이즈 맞추기 : obiect-fit 속성 [내부링크]

obiect-fit 속성은 width, height 비율은 유지하면서 내가 원하는 모양안에 <img>를 넣고 싶을때 사용 하면 좋다. background-image 를 꽉차게 만들때는 background-size: cover; 를 사용하면 된다. <img>에는 background-size: cover;를 사용 할 수 없기 때문에 그거와 동일한 obiect-fit: cover;를 사용하면 동일하게 표현이 된다. background-image를 사용하지 왜 <img>를 사용해? 라는 생각을 할 수있다. background-image 은 변화지 않는 이미지를 표현하고 싶을때 사용하지만, <img>은 이미지를 고정 할때도 사용하지만 나 같은 경우 프론트앤드 개발로 이미지가 어떤 상황에 따라 다른 이미지를 노출되어야 할때 사용한다. 그래서 obiect-fit 속성이 필요하다~~ 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS) div{ width: 200px; hei

코드로 도형 만들기~ [내부링크]

도형 : 기하학에서 다루는 모든 객체를 부르는 말이다. 보통 객체 그 자체를 말하거나 그것의 둘레 같은 경계 부분을 말하기도 한다.(네이버 나무위키 참고!) ex) 내 경우 코딩할 때 최소한의 이미지 사용한다. 이미지를 많이 사용하게 되면 많은 정보를 노출시켜야 하는 사이트를 만들 때 이미지가 벅벅 거리 때가 있기 때문이다. 원형을 코딩할 때는 border-radius 속성에 속성값을 '%' or 'px'를 주어서 원을 만드는 방법이 있다. 삼각형은 아래와 같이 컬러 값(#666666)과 투명 값(transparent)을 주어 을 만들 수 있다. border 스타일은 꼭!! solid 속성값을 줘야 한다. width: 0px; height: 0px; border-bottom: 360px solid #666666; border-left: 180px solid transparent; border-right: 180px solid transparent 삼각형 원형 외에는 위에 두 가지

웹의 기본 font-size 값 [내부링크]

일하다가 갑자기 생각이 나서 ㅎㅎㅎ 웹 개발하면서 font-family 같은 경우는 컴퓨터에 설정에 따라 또는 크롬, 엣지 등등 브라우저에 기본 font-family 따라 달라진다. 하지만 font-size 같은 경우는 내가 주어지지 않는 이상 font-size: 16px;이다.

콘텐츠를 가로, 세로 중앙 정렬하는 방법들~ [내부링크]

이 주제를 가지고 온 이유는 브라우저에서 콘텐츠를 전체로 열었을 때 중앙 정렬까지는 다 코딩 할 수 있다고 생각한다. 프로젝트 디자인 시안이 반응형으로 전체 브라우저일 경우 중앙 정렬 있었고 아니것도 있다. 모바일로 넘어갈 때 스크롤이 생기면서 글이 위에서부터 보여야 하는 디자인 시안이 전달이 되었다. 정말 프로라고 생각하고 아래와 같이 사용해서 중앙 정렬을 시켰다. position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; 그리고 브라우저를 줄렸다. 근데 단순하게 아니 당연하게 브라우저가 작아지면 첫 문장부터 보일 거라고 생각했다. 정말 당연하게~~ 근데 아니네;;; 브라우저가 작아졌을 때 제일 첫 문장이 아니 중앙의 문구가 보이는 것이다 왜?? 그래서 레이어 팝업처럼 positing : fixed를 사용해서 아래와 같이 해보려고 했지만 반응형이기도 하지만 콘텐츠 내용이 많아 문제가 된다. position:

툴팁 css 스타일 만들어 주는 사이트~ [내부링크]

툴팁의 상자가 코딩하게는 게 어려운 게 아니고 화살표가 항상 문제가 된다. 어떻게 하다 보니 디자인 시안의 툴팁의 화살표의 컬러, 크기, border, 사이즈, 화살표 위치가 상, 하, 좌, 우 만 알고 있으면 만들어 준다. 필요 없다고 할 수도 있다, 하지만 화살표의 보드라인은 잘 안된다. ㅎㅎㅎ 그냥 참고 사이트~~ https://cssarrowplease.com/ CSS Arrow Please - By Simon Hoejberg - @shojberg .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events:

브라우저의 접근성!! [내부링크]

ㅇ ㅏ 내가 왜 여기까지 왔는지;;; 시작은 1. font 파일 종류는 무엇이 있나 > 2. IE8이하 버전은 @font-face를 사용할 때. eot 파일만 을 인식한다. > 3. 그러면 IE를 그냥 다운로드하면 들어갈 수 있나?? > 4. 네이버 검색창에서 '인터넷 익스플로러 11' 검색해 사이트에 입장!! > 5. 입장하면 바로 아래와 같은 안내문이 나온다. > 6. 저 파란색 버튼 'Microsoft Edge 시작' 클릭하는 순간!? 마이크로소프트 엣지에 오신 것을 환영합니다. 시작을 한다. > 인터넷 익스플로러 : Microsoft Edge 7. 하나, 하나 ~~클릭하다가 '접근성 및 도구' 순간 도구?? 설마 스크린 리더기?? 설마~ 8. ㅇ ㅏ IE가 없어지지 더니 갑자기 튀어나온 엣지에 웹을 소리 내어 읽기 기능이 있다네?? 그러면 구글은?? 9. ㅇ ㅏ'Google 접근성 고객센터의 소리 내어 읽은 텍스트 듣기' 설정 방법이 있네;; ㅎㅎㅎㅎ https://suppo

빨강 & 붉은색 (#FF0000) [내부링크]

빨강 & 붉은색 : 에너지 및 행동, 욕망, 열정의 색 긍정적인 특성과 부정적인 특성 긍정적인 : 행동, 에너지, 속도, 주의를 끌기, 독단적, 자신감, 활력, 자극적, 흥미진진, 강력하다, 열정적, 자극적, 용기, 강하다, 자발적, 결단력 부정적인 : 공격적, 난폭함, 억지스러운, 피곤한, 화, 급한 성격, 무자비한, 겁이 많고 편협한, 반항적, 완고한, 분해한, 폭력적, 잔인한 긍정과 부정의 의미 색을 보았을 때 현상이나 이미지 사물 : 태양, 피, 불, 딸기 상징 : 정열, 흥분, 위험, 화 색의 이중적 의미 보편적으로 떠오르는 색상과 관련하여 상징하는 것 불 : 열, 따뜻함, 뜨거움 피 : 생명 중국 : 행운의 색 이집트 : 질병치료의 색 러시아 : 아름답고 멋있고 가치 있는 색 고대로마 : 보호의 색, 권력의 색 프랑스 : 평등의 색 좋아하는 색이 빨간색이 사람들 성격 외향적이고 낙관적이며 용기 있고 자신감이 있는 사람이다. 당신은 함께 있으면 자극적이며 많은 에너지

주황색 & 오렌지(#FF8000) [내부링크]

주황색 & 오렌지 : 모험과 사회적 소통, 행복 및 신뢰, 배고픔의 색 주황의 어원 긍정적인 특성과 부정적인 특성 긍정적인 : 사교적, 낙과적, 열정적, 쾌활함, 자신감, 독립적, 화려함, 외향적, 억제되지 않음, 모험심, 위험 감수, 창의적 재능, 따뜻한 마음, 유쾌함, 비공식적 쾌활함, 유쾌함 부정적인 : 피상적, 성실하지 않음, 의존적, 위압적, 방종적, 과시적, 비관적, 저렴함, 사교적이지 않다, 거만하다. 강박에 가까운 자기 확대는 고흐의 전기 작가들 사이에서 유명함 파랑이 없는 주황은 없다. - 반 고흐 - 색을 보았을 때 현상이나 이미지 사물 : 오렌지, 감, 심리적 안정감을 주기 때문에 기분전환 효과로 인테리어 소품으로 좋다. 상징 : 온정, 풍부, 가을, 즐거움, 따뜻함, 기쁨, 만족, 건강, 광명 주황색의 이미지 보편적으로 떠오르는 색상과 관련하여 상징하는 것 우크라이나 : 혁명 가을의 색 : 풍부함 좋아하는 색이 주황색이 사람들 성격 특히 스트레스를 받을

<br/>태그를 사용할까? 말가? [내부링크]

UI 개발을 하다 보면 디자인 때문에 줄바꿈을 하려고 <br/>태그를 사용할 일이 참 많다!! 절대 없지는 않다!! 일반적으로 <br/>태그를 사용하는 것은 문제가 되지 않는다. 하지만 장점과 단점 있다. 일반적으로 고정 문장일 경우 html 파일의 <br/>태그를 사용할 경우 아래와 같이 노출됩니다. <!DOCTYPE> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <p> 나는 너고 하지만,<br/> 나는 너가 아니다! </p> </body> </html> *웹 화면 「 나는 너고 하지만, 나는 네가 아니다! 」 *스크린 리더기 : 읽고 한번 쉬고 다시 읽어 준다고 한다. 단점 : 듣는 입장에서 한 문장이 아니 다른 문장으로 인식할 수 있습니다. 「 나는 너고 하지만, 」「 나는 네가 아니다! 」 하지만, html 파일의 <p> 태그에 고정 문구가 아니라, react.js 또는 vue.js, scrip

flex-grow 속성의 의문점!! [내부링크]

UI 개발 전 디자인 시안을 Zeplin 또는 파그마로 전달을 받는다. 그런데? 나의 작업 스타일은 Zeplin에서는 color 값, width, height, margin, padding 등 몇 가지만 보고 나머지는 프론트를 고려해서 작업을 진행한다. 오늘 갑자기 Zeplin로 전달받은 디자인 시안 보면서 UI 개발을 진행 중에 내 소스 코드에서는 잘 사용을 하지 않기도 하지만, 의문점이 들었다. Zeplin에서 제공하는 소스 코드에서는 'flex-grow: 0;'이 왜 있을까?? 그래서 또 찾아봤다!! flex-grow 란? 동일한 컨테이너 내의 나머지 유연한 항목에 비해 항목이 얼마나 커질지 지정합니다. 단, 반응형처럼 유연한 항목이 아닌 경우 적용되지 않는다.!! <style> .content{ width: 500px; height: 100px; border: 1px solid #000; display: flex; } div:nth-child(1){ flex-grow: 1;

노란색 (#FFFF00) [내부링크]

노란색 : 마음과 지성의 색 긍정적인 특성과 부정적인 특성 긍정적인 : 낙관주의, 쾌활함, 열정, 재미, 유머러스함, 자신감, 독창성, 창의성, 도전적, 학문적, 분석적, 지혜와 논리적 부정적인 : 비판적, 판단력이 강함, 지나치게 분석적, 참을성이 없음, 충동적임, 이기적, 비관적, 열등감, 악의적, 비겁함, 기만적, 비감정적, 연민 부족 재미, 유머러스함, 분석적, 쾌활함 색을 보았을 때 현상이나 이미지 사물 : 레몬, 해바라기, 금, 유치원 상징 : 명랑, 따뜻한, 불안, 행복 노란색의 이미지 보편적으로 떠오르는 색상과 관련하여 상징하는 것 유대인 : 14세기 유렵에서는 부정적 위미를 유태인에게 부여하여 지금의 치욕 색으로 상징한다. 동양 : 불교를 상징 서양 : 밝은 빛, 하느님, 배신, 사악한 사람을 ‘옐로 독(yellow dog)’으로 부르며 유치함 중국 : 황제의 색으로 고귀한 색 독일 : 부러움의 대표함 이집트 : 행운을 대표 아이리스 1890 지금 우리는 바람

모바일 앱의 종류 [내부링크]

앱이란? 모바일 응용프로그램 앱 종류와 상관관계 1. 네이티브 앱 (Native Application) 모바일 기기에 직접 설치되고 운영되는 애플리케이션 프로그래밍 언어와 SDK로 개발해야 하며 기기의 고유 정보에 직접 접근할 수 있다. Ios 앱은 Apple Store에서 Android 앱은 Google Play Store에서 다운로드받아 사용하는 앱을 말한다. 2. 모바일 웹 앱 (Web Application) 단말기에서 제공하는 웹 브라우저를 통해 Html 기반으로 제작된 웹페이지를 보여주는 일반적인 모바일 홈페이지를 보여주는 방식이다. 즉, 모자일 웹을 앱 내부에 띄우고 이것을 스토어에 등록하고 사용자가 앱을 설치할 수 있도록 유도한다. 예로 앱이 존재하는 브라우저를 모바일 웹으로 보고 있을 경우 알림 창으로 '앱이 존재합니다. 다운받아 더 즐겁게 이용하세요.'라는 알림 창이 띄우는 모바일 웹 창은 볼 수 있다. 3. 하이브리드 앱 (Hybrid Application) 웹,

녹색 & 초록 (#00FF00) [내부링크]

녹색 & 초록 : 균형, 조화 및 성자의 색 긍정적인 특성과 부정적인 특성 긍정적인 : 성장과 활력, 갱신과 회복, 자립, 신뢰성과 의존성, 재치, 정서적, 균형 잡히고 차분함, 자연을 사랑하고 가족 중심적, 실용적, 소박함, 동정심과 양육, 관대함, 친철함, 도덕적, 적응력 부정적인 : 소유욕과 물질주의적, 무관심하고 지나치게 신중함, 시기심, 이기적임, 탐욕스럽고 비참함, 돈에 기만적임, 사려 깊지 않음 성장과 활력, 자연을 사랑하고 가족 중심적, 동정심과 양육 색을 보았을 때 현상이나 이미지 사물 : 소나무, 산, 개구리, 풀밭, 라임, 네잎클로바 상징 : 상쾌, 평안, 안전, 생명력, 물질적 부(재산, 부동산) 메이플스토리의 녹색의 갓을 지닌 버섯 몬스터(독 버섯), 소나무, 네잎클로바, 라임, 상쾌 보편적으로 떠오르는 색상과 관련하여 상징하는 것 자연적인 색 : 식물, 풍요, 생명, 번영, 생산, 나무, 봄, 여름 어린이, 친애, 젊음, 신선함, 평화, 고용함, 소박함

집정리 꿀팁 [내부링크]

From, 블로그씨 블로그씨는 새해를 맞이해 책상과 화장대를 싹 청소했어요. 나만의 집 정리하는 꿀팁은? 화장품에 유통기간 지난 화장품만이라도 버린다면 정리되지 않을까요!!

게임 캐릭터의 눈동자의 색과 성격!! [내부링크]

캐릭터의 눈동자의 색이란?? 캐릭터의 이미지는 선과 색으로 구성된다. 선으로써 캐릭터의 모양을 그려, 이미지의 기본을 만들고, 색을 입힘으로써, 캐릭터의 개성을 강하게 만든다. 캐릭터를 볼 때, 머리색, 피부색, 등은 주의 깊게 보지 않아도 쉽게 눈에 띄지만, 눈동자의 색은 주의 깊게 보지 않으면, 무슨 색이었는지 제대로 알지 못하는 경우가 많다. 사람도 같다 최근 tvN 예능 '한도 초과'에서 역술가가 풍자에게 "너무 많이 고치면 관상을 볼 수 없는 상이 된다." 하였지만, 역술가는 "타고난 눈빛은 바뀌지 않는다"라는 말을 하였다. 하지만, 머리나 피부색뿐만이 아니라, 눈동자의 색도 캐릭터의 개성을 나타내는 데 큰 역할을 맡고 있으므로, 눈동자의 색이 가진 특성과 고정관념들이 어떤 식으로 캐릭터들의 설정과 연관성을 가지는지 알아보았다. 무슨 캐릭터가 있을지 기대하시라 두둥!! . . . 캐릭터의 눈동자의 색에 대한 고정관념이나 선입관 들을 이용하여 이용자들에게 알게 모르게, 캐릭터

붉은색 눈동자 색의 캐릭터의 성격 [내부링크]

게임 속 붉은색 눈동자 색의 캐릭터의 성격?? 외향적이고 낙관적이며 용기 있고 자신감이 있는 사람이다. 주변 사람의 감정을 자극하고 우리가 행동을 취하도록 동기를 부여하기도 한다. 야망과 결단력을 촉진하는 개척 정신과 리더십 자질을 가지고 있다. 무언가를 원할 때 아주 단호할 수 있지만 주의 집중 시간이 짧은 경향이 있다. 사랑과 에로티시즘을 일깨운다, 위험과 금지를 나타내는 색으로 증오, 분노, 광기, 전쟁, 위험 등의 부정적인 요소로 사용된다. 넥슨 블루 아카이브 「 이오리(왼쪽) : 풍기위원회의 행동대장으로 규칙을 위반한 학생들을 발견하면 압도적인 힘으로 무자비하게 처단한다. 단순한 함정이어도 쉽게 빠지곤 한다. 」「 무츠키(오른쪽) : 흥신소 68의 행동대장 겸 돌격대장, 거리낌 없이 악행을 저지르고 말썽을 즐기는 소악마, 허세를 누구보다도 잘 이해하고 있지만, 딱히 배려해 주지는 않는다. 」 위에 내용과 같이 캐릭터 두 개다 행동대장을 하고 있으면 '이오리'는 결단력이 있

Block 태그는 무엇?? Inline 태그는 무엇?? [내부링크]

요즘 생각이지만 일은 하지만, 누가 물어보면 답은 못해 준다 ㅎㅎㅎ 그래서 기초부터 시작해 보자 해서 시작하였습니다. (급 존칭!!) **블록의 사전적 의미로는 아래와 같다고 한다~~ block [blɑː k] 1.(단단한) 사각형 덩어리 2.(특정 목적용) 건물, …관 3.(지나가지 못하게) 막다, 차단하다 4.~의 길, 출구, 시야 등을 막다. 블록 태그란?? 사전적 의미와 같이 '덩어리' , '관' 과같이 전체적인 틀을 짠다든지 앞뒤에 줄 바꿈이 있는 것처럼 구조를 만들 때 사용하는 태그이다. 종류 : <address> , <article> , <aside> , <blockquote> , <details> , <dialog> , <dd> , <div> , <dl> , <dt> , <fieldset> , <figcaption> , <figure> , <figcaption> , <footer> , <form> , <h1> , <h2> , <h3> , <h4> , <h5> , <h6

html5에서 <**>은 태그?? 요소?? [내부링크]

오늘 지금 이 순간 <main></main>태그를 정리하려고 했는데~~~! 어느 분들은 요소!! 어느 분들은 태그!! 그 . 래 . 서~~ 준비해죠!! 가 아니고, 너(내 머릿속의 메모리) 정리하고 가자 ㅠㅠ Tag(태그)란?? * html5의 구조를 명확히 하기 위해 웹페이지의 내용과 구조 * 웹 접근성과 SEO를 위해 필요한 사항이다. * 태그는 시작 태그와 종료 태그로 구성되어 있다. (html5에서는 종료 태그가 필요 없기도 하지만, 웹페이지의 구현이 안 되는 경우도 있다.) * 시작 태그와 종료 태그 사이에 또 다른 태그를 사용할 수 있다. * 내용 없는 빈 태그도 사용 가능하다. <div></div> <main></main> <h1></h1> <div> <p>저는 문단 입니다.</p> </div> Element(요소)란?? *단독 태그로 혼자 있으면 태그이자 요소가 되는 것! * 요소 + 요소 = 요소 * <div>태그 + class="p_text" (속성="속성값") =

주황색 눈동자 색의 캐릭터의 성격 [내부링크]

게임 속 주황색 눈동자 색의 캐릭터의 성격?? 따뜻하고 낙천적이면 외향적이다. 화려함, 호의적임, 단호함, 모험적 재미있는 것을 더 좋아함 일관성 없으면 예측할 수 없는 성격 냉담하고 이기적임 자기중심적이고 무관심하다. 삶의 여러 영역, 특히 물리적 영역에서 위험을 감수하는 것을 좋아함 넥슨 - 메이플스토리 신의 아이, 제로! : 캐릭터 설명에도 표현과 같이 "시간의 초월자" 모험적인, "화려함 공격" 종종 화려함 등 주황색의 속성을 잘 나타내고 있다. 「 신의 아이로 시간의 초월자가 될 운명을 갖고 있습니다. 높은 레벨의 캐릭터가 가질 수 있는 강력한 파워와 화려한 공격을 빠르게 경험할 수 있습니다. 」 배틀메이지 : 배틀메이지의 공격력 특징을 설명 중에 아래와 같은 문장이 있다. 「 스태프 계열의 무기를 사용하며, 파티 사냥에서 유용하게 사용되는 각종 오라 스킬과 다수의 몬스터를 단번에 제압하는 화려한 공격이 특징입니다. 」 넥슨 - 블루아카이브 리쿠하치마 아루 : 블루아카

행복한 순간 [내부링크]

From, 블로그씨 행복한 순간이야 happy day ~ 콧노래가 절로 나오는 최근 나의 가장 행복했던 순간은 언제인가요? 지금 이 순간이 행복하네요. 이유는~~ happy day를 생각하려고 하니 이 시간이 행복하네요. 그래서 저는 지금 이 순간이 행복하네요*^^*

혼자 있는 시간 [내부링크]

From, 블로그씨 블로그씨는 혼자 있는 시간에 글 쓰는 게 취미에요. 혼자 있는 시간에 하는 일을 사진과 함께 공유해 주세요~ 요즘은... 타로 카드에 빠져 있어 매일매일 저녁마다 다음날 저의 운세를 보고 있답니다~ 무하 타로 카드 - 월드, 여왕

파란색 (#0000FF) [내부링크]

파란색 : 신뢰와 책임의 색입니다. IBK 신용 정보 - 핵심가치 긍정적인 특성과 부정적인 특성 긍정적인 : 충성도, 신뢰와 성실, 재치, 책임감, 보수주의 및 인내, 배려와 관심, 이상주의와 질서, 권위, 헌신과 사색, 평화롭고 침착함,믿음, 진실, 지성 부정적인 : 경직됨, 기만적, 악의적, 우울하고 슬프고, 너무 수동적이며, 독선적이며, 미신적이고 정서적으로 불안정, 보수적, 예측 가능하고 나약함, 냉담함, 불충실 및 신뢰할 수 없음 충성스러운, 신뢰, 우울하고 슬픔 색을 보았을 때 현상이나 이미지 사물 : 하늘, 바다, 청년, 물방울 상징 : 시원, 차가운, 우울, 안정, 그리움 별이 빛나는 밤 - 고흐가 정신병원에 입원했을 당시 병실의 창을 통해 바라본 마을의 전경을 표현한 것 - 별이 빛나는 밤 별이 반짝이는 밤하늘은 언제나 나를 꿈꾸게 하는구나. '타라스 콩'이나 '루앙'에 가려면 기차를 타야 하는 것처럼 별까지 가기 위해서는 죽음을 맞이하야 하는 게 아닌가 싶다.

1.EARTH STAR CHAKRA - Initialization [내부링크]

1.EARTH STAR CHAKRA - Initialization 지구별 차크라 또는 북극성 차크라 - 초기화, 시작 1.EARTH STAR CHAKRA - Initialization 하나 됨, 집단의식, 더 높은 영역으로부터의 고정 전달, 신성한 지구 지식, 신의 통합, 격자 선 작업입니다. 여러분은 마음에 신뢰를 가지고 영혼에 고대의 기억을 가지고, 길을 밝히기 위한 내면의 조명을 가지고 미지로 들어가는 관문에 서 있습니다. 여러분은 창조의 자리, 존재의 불꽃, 그리고 우리가 누구이고 무엇인지에 대한 청사진을 담고 있는 코드에 접근할 수 있습니다. 이 장소는 다차원 영역을 통해 이동하고 물리적 현실에서 기능하면서 세계를 연결할 수 있음에도 불구하고 명확하고 근거가 있습니다. 신과 영의 영역을 향해 더 높이 올라갈수록, 지금에 깊이 닻을 내리는 것이 더 중요합니다. 복원 명확한 명상, 자기 에너지 작업을 탐구하고 삶의 의미 있는 부분에 의도를 담으세요. 삶의 균형을 맞출 수 있는

2. ROOT CHAKRA - Ground and Centre [내부링크]

2. ROOT CHAKRA - Ground and Centre 자연 차크라 - 지면 및 중심 **root(루트) : 1. 뿌리, 땅밑줄기 2. 근채류, 초목 3. 뿌리박게 하다, 뿌리 깊이 삼다 4. 기원하다 (네이버 영어 사전) 2. ROOT CHAKRA - Ground and Centre 재단, 접지, 기본적 필요, 생존, 신체적 정체성, 책임, 우리가 삶을 구축하는 장소, 자연 속의 시간입니다. 이 이미지는 당신 안에서 집을 찾고, 깊은 내면의 평화와 강한 그라운드와 센터링에 대한 것을 말한다. 여기서 당신은 생존의 손아귀에서 벗어나 번창하는 곳으로 갈 수 있다. 신뢰, 공동체와의 연결이 있고, 여러분은 다른 사람들에게 의지할 수 있고, 자신의 책임을 즐겁게 이해할 수 있습니다. 당신은 붙잡혀 있고 삶의 모든 측면에 대한 강한 기초를 가지고 있습니다. 경계심을 늦추면 필요할 때 파도를 탈 수 있는 도구가 있습니다. 모두 괜찮다. 복원 자연에서 시간을 보냅니다. 자연 속에 맨발로

삶의 지혜 - 노자 명언 [내부링크]

. . . 생각을 조심하라 그릇에 빈 공간이 있기 때문에 비로소 그릇의 쓰임새가 있게 된다. 생각을 조심하라, 생각은 말이 된다. 말을 조심하라, 말은 행동이 된다. 행동을 조심하라, 행동은 습관이 된다. 습관을 조심하라, 습관은 인격이 된다. 인격을 조심하라, 인격은 운명이 된다. . . . 내가 나에게 하고 싶은 말이다.

Beyond Lemuria Oracle Cards [내부링크]

카드 사용 방법 다시 하늘과 땅을 연결하는 것으로 돌아가는 변화는 우리 안에서 시작됩니다. 우리는 우리 밖에 있는 정원을 치유하기 전에 우리 안에 있는 정원을 돌봐야 합니다. 이제 우리의 작은 에덴 조각을 기릴 때입니다. 우리는 우리의 행동, 의도, 그림자를 의식적으로 인식함으로써 이것을 할 수 있습니다. 우리가 마음의 공간을 멋의 나 있을 때 우리의 에너지를 빠르게 균형을 잡을 수 있고 우리의 힘과 독특한 재능을 어떻게 휘두를 수 있는지 아는 것은 이러한 잠재적인 변화의 시기에 가장 중요합니다. 이 덱의 각 카드는 빛, 달콤함, 그리고 어린아이 같은 호기심으로 (반대보다는) 이중성의 힘으로 작업함으로써 우리가 더 많은 빛을 지구에 다시 고정시킬 수 있는 방법을 강조합니다. 저는 우리 모두가 우리가 포기하고 모든 것을 아는 집단의 전형적인 바다에 빠질 때 우리가 추구하는 지식을 얻을 수 있는 능력이 있다고 믿습니다. 나는 또한 우리가 우리의 아우라 안에 가장 심오한 버전을 활성화하기

인간관계 란? [내부링크]

오늘따라 인간관계에 대해서 많은 생각을 하게 되었다. 원래 나 자신을 잘 알아야 다른사람도 살펴볼 수 있다. 나의 말과 행동이 일치하는지 다른 사람을 넓은 마음으로 대하고 있는지 항상 확인해보는 자세가 필요하다. 논어로리드라라 그 사람이 하는 바를 보고, 그 말미암은 바를 관찰하며, 그가 편안하게 여기는 것을 살핀다면, 그 사람이 어찌 자신을 숨길 수 있겠는가? 그 사람이 어찌 자신을 숨길 수 있겠는가? 논어 - 공자가 말했다. 위에 영상을 듣고 있으면서 너무 공감되는 말이라 같이 첨부해 보았습니다. 나는 나 혼자가 좋다... 그냥 인간관계가 힘들다. 내가 좋아하는 사람들을 믿었지만, 그 믿음이 마음에 상처받으면서 점점 여러 명에게서 다수의 사람으로 좁혀가는 거 같다. https://youtu.be/FJCyTZWBOwA

White Cats Tarot - 해석 방법 [내부링크]

White Cats Tarot - 흰 고양이의 타로 - 정방향카드 (**참고 : 파파고 번역입니다.) 고양이보다 더 마법 같은 동물이 있을까요? 그것의 모호한 매력은 항상 고양이에게서 초자연적이고, 신성하고, 심지어 악마적인 것을 본 인간들을 매혹시켰습니다. 이집트 신화에서 바스텐 여신의 표현인 천상 고양이는 태양배를 파괴하겠다고 위협하는 뱀 아포피스를 파괴합니다. 이집트에서, 고양이를 죽인 사람들은 사형선고를 받을 위험을 무릅썼습니다. 인도에서 샤크티 여신은 다산과 출산을 상징하는 고양이 신성입니다. 일본에서 고양이는 병의 징조가 있는 동물입니다. 아랍 국가들에서는 무함마드의 고양이인 무자가 비범한 사랑을 통해 선지자에게 애착을 가졌다고 합니다. 중세 유럽에서 고양이는 마녀의 동반자로 여겨졌습니다. johannes weyer의 pseudomonarchia daemkonum은 고양이의 머리를 가진 두 악마에 대해 이야기합니다. 에임과 바에입니다. 찰스 페로가 쓴 장화를 신은 고양이

왜? [내부링크]

사람은 왜 아파야 성장할까? 내 생각!

권장하는 폰트 사이즈 [내부링크]

Em : font-size, 해당 폰트의 대문자 m의 너비를 기준으로 함. Ex : x-height, 해당 폰트의 소문자 x의 높이를 기준으로 함. Px : pixel, 표시장치(모니터)에 따라서 상태적인 크기를 가짐. % : percent, 기본 글꼴의 크기에 대하여 상대적인 값을 가짐. Pt : point, 일반 문서(워드 등)에서 많이 사용하는 단위 * 절대단위 : in, cm, mm, pt, pc가 있으며 출력장치(모니터)의 물리적 속성을 아는 경우 효율적 * 상대 단위 : em, ex, px, % 가 있으며 기종 간, 플랫폼 간의 호환성을 유지하는데 유리 * 모바일에서 권장하는 폰트 크기 가독성이란, '글자를 얼마나 쉽게 읽을 수 있는지의 정도'를 말한다. 글자 크기나 간격, 행간, 명도 차에 따라 달라질 수 있으며, AOS 기준 16px=1rem을 권장 IOS 기준 17px=1.05rem을 권장한다. 두 개의 디바이스 종합하면, 본문 16pt ~ 18pt 캡션 10pt ~

무소유... [내부링크]

2022년에 무소유가 뭘까? 에 대해 생각해 본 적이 있다! 참고로 나는 판타지 소설은 읽어도 아무리 존경하는 분이 책을 내셨다고 해도 읽지 않는 사람 중의 한 명이다. 지인과 이야기하다가 무소유에 관해서 이야기하다가 옷, 펜, 이불 등 기본적인 거까지도 소유인데 어떻게 무소유가 될까요? 어떤 것이 진정한 무소유냐고 질문을 한 적이 있다. 그분이 하신 말씀이 법정 스님이 아래와 같은 말씀을 하셨다고 했다. 내 생각도 같은 생각이라고 말씀드렸다. 무소유는 단순히 아무것도 갖지 않는다는 것이 아니라 불필요한 것을 갖지 않는 것을 뜻한다. 법정 스님 10대, 20대에는 소유하고 싶은 것이 너무 많았다. 필요 없었는데... 30대인 지금은 현재까지 구입한 물건으로만 생활하지만, 나도 일반 사람이라 가지고 싶은 것도 여행하고 싶다. 나와 타협을 한 번이 아니고 필요 있는지의 여러 번이 생각해 보고 있다. 나의 블로그에 방문한 분들은 아시지만 나에게 타로 카드들이 있다. 그 또한 소유이지만 가

White Cats Tarot - Major Card [내부링크]

** 메이저 아르카나 0, 0. The Fool - 광대 - 모험 - 모험을 떠나는 광대 무언가, 누군가, 또는 육감이 파멸적인 몰락을 막는 방법에 대해 조언합니다. 그 목소리를 듣는 것이 가장 좋습니다. 1, I. The Magician - 마법사 - 창조 - 모든 것을 다루는 마법사 성공에 대한 의지도 기본이지만 적절한 수단을 가지고 행동하고 올바른 방향으로 나아가는 것도 필요합니다. 2, II. The High Priestess - 여사제 - 지식 - 학식이 높은 지혜로운 여사제 특히 미지의 것에 직면할 때는 행동보다 공부가 선행되어야 하지만 본능을 억압해서는 안 됩니다. 3, III. The Empress - 여왕 - 풍요 - 푸근한 엄마 같은 여왕 감수성과 이해는 자신과 다른 사람들을 적절한 양의 훈련으로 인도하는 데 도움이 됩니다. 4, IV. The Emperor - 황제 - 책임 - 통솔력이 뛰어난 외로운 황제 벨벳 장갑 속에서 철권으로 행동하는 것은 권력을 보존하는

뼈에 새겨야 할 인생 진리 20가지 [내부링크]

기대하지 마라, 기대하면 실망만 커진다. 비교는 불행의 씨앗이다. 모두에게 사랑받을 순 없다. 비밀은 둘이 아는 순간 결코 비밀이 아니다. 좋은 사람을 만나고 싶으면 내가 먼저 좋은 사람이 돼라. 인맥 형성할 시간에 실력부터 쌓아라. 거절은 정중하되, 단호하게 해라. 오늘의 할 일을 미루면, 내일의 내가 힘들어진다. 생각만 하지 말고 행동해라. 행동해야 결과가 나온다. 감당하기 힘든 시련은 당신을 강하게 만든다. 욕망에 솔직해지고 그것을 이루기 위해 노력해라. 너무 힘들면 애써 괜찮은 척할 필요 없다. 중요한 건 몇 시간을 했느냐가 아니라 어떤 성과를 오뤘느냐다. 같은 실수를 반복하는 건 변명의 여지가 없다. 어떤 경우에든 상대방 뒷담 하지 마라. 뒷담은 배로 나에게 돌아온다.(내 생각 : 인정) 긍정적인 말투를 쓰고 행동해라. 장담컨대, 인생이 놀랍게 바뀐다. 일주일에 최소 3번은 꾸준히 운동해라. 삶의 활력이 생기고 에너지가 넘칠 것이다. 과식하지 마라, 배가 부르면 생각이 굳어

끊어 내야 할 과소비 7가지 [내부링크]

요즘은 나에게 도움이 되는 책을 읽기보다는 유튜브에서 영상을 보지 않고, 일하면서 듣는 것이 요즘 일상이 되어가고 있다. 나도 과소비를 안 한다고 말하지 못한다. 하지만 노력하려고 생각은 많이 한다. 생각은... 유튜브 '돈쭐남'님이 부자가 되려면 당장 버려야 할 7가지 대해서 말씀해 주셨다. 거기에 아주 뼈 때리는 말도 있었고, 노력하면 끊어 낼 수 있을 거 같아 좋은 것은 공유하고 싶어 올려봅니다. ** 부자가 되려면 당장 버려야 할 7가지 1. 월급 6개월 치 이상 되는 차를 당연하게 타는 것 2. 탕비실 멀쩡한 커피 두고 하루 멀다 하고 테이크아웃 커피 마시는 것 3. 구내식당 두고 하루 멀다 하고 1.5만 원 넘는 점심 외식하기 4. 옷장에 넘쳐나는 옷 두고 계절 바뀔 때마다 사는 신상 옷 구매 5. 월 소득에 25%를 훌쩍 넘기는 주식과 외식비용 6. 월 소득에 15%를 훌쩍 넘기는 문화 레저비용 7. 돈 모아서 여행 가기보다 일단 카드 긁고 떠나는 여행 https://y

말 [내부링크]

말 이란?? 나는 거짓말을 안 하려고 한다. 왜? 당장은 거짓말하면 지금은 넘어가겠지만 그다음은?? 나에 대한 인식은 안 좋은 쪽으로 변할 것이고, 예로 어느 회사에 면접을 봤다고 하자! 할 수 없는 일을 할 수 있습니다. 라고 면접장에서 말했다. 그리고 합격해서 **을 해주세요. 한다면 당신은 어떻게 하겠습니까? 나는 할 수 없는 것은 할 수 없다고 한다. 그래서 면접만 많이 봤다. 지금은 회사에 다니지만, 말에 대한 생각은 항상 하는 것 같아. 가만히 있으면 중간은 간다. 말이나 행동을 함부로 하면 안 된다는 뜻의 속담 위에 같은 말을 자주 듣는다 하지만 성격이 저걸 못한다. 지금은 솔직히 말을 해서 내가 마음에 상처를 너무 받아 사회생활 10년 만에 몸이 아니라 마음이 지쳤다. 이 말을 그냥 넘어갈 수 있지만, 또 좋은 말은 같이 나누고자!! ㅇ ㅏ 오지랖 ㅠㅠ 무소유 지은이 법정 스님 우리들이 해야 할 말을 "목소리 속의 목소리로 귓속의 귀에" 하는 말이라고 했다. 사실 언어

White Cats Tarot - Minor Card [내부링크]

컵, Cups = 물 : 감정을 의미 (만족, 그리움, 후회, 쓸쓸함, 설렘, 행복 등) 1.Ace of Cups : 기쁨과 행복의 시간을 즐기는 것도 좋지만 조만간 끝날 것이라는 것을 잊지 마세요. II of Cups 2. II of Cups : 건배는 언제나 사랑, 사업 관계, 또는 우정을 강화하는 가장 좋은 방법입니다. 3. III of Cups : 좌절을 피하기 위해서는 원하는 것을 얻었다고 확신할 때만 성공을 기뻐하세요. 4. IV of Cups : 상상력을 발휘하게 하는 것은 재미있지만, 나중에 다시 땅에 단단히 발을 믿는 것이 가장 좋습니다. 5. V of Cups : 큰 문제의 가능성을 나타내는 작은 징후들이 있습니다. 미리 준비하고 맞서세요. 6. VI of Cups : 후회의 문을 열어주지 않는 한 가끔 향수에 젖는 것은 좋은 일입니다. 7. VII of Cups : 자기 자신에 대해 배우는 것은 외부에서 관찰함으로써 가능할 뿐만 아니라 내부에 무엇이 있는지 주의

'알버트 아인슈타인'의 인생 조언 [내부링크]

알버트 아인슈타인(1879 ~ 1955년 물리학자)이 말한 사람들과 절대 공유해서는 안 되는 5 가지의 인생 조언이 있다. 사람들과 공유해야 할 것과 절대 공유해서는 안 되는 것이 있다. 아무리 가까운 사이라도 말이다. 1. 당신의 성공 비법을 비밀로 하라 그렇다고 해서 자신의 성공으로 사람들에게 동기를 부여하고 영감을 줄 수 없다는 뜻은 아닙니다. 성공의 비결을 모든 사람과 공유하는 것은 바람직하지 않습니다. 우리가 살고 있는 이 세상에서는 사람들이 실제로 어떤 사람들로 구성되어 있는지 알 수 없습니다. 우리에게는 여전히 좋은 사람들이 있습니다. 비밀리에 하는 일과 방법을 공유하지 않고도 일상적인 비즈니스를 진행할 수 있는 이점이 있습니다. 남들보다 더 성공할 수 있는 방법과 비밀리에 하는 일을 공유하지 않아도 됩니다. 성공의 비결을 누군가에게 알려주면 사람들은 같은 일을 하려고 노력할 것입니다. 실패하면 진실을 말하지 않았다고 비난할 것이므로, 절대로 다른 사람에게는 성공의 비결

THE STARSEES ORACLE CARDS - Earthed (접지하다) [내부링크]

THE STARSEES ORACLE CARDS Earthed (접지하다) 인간이 되는 법을 배우다. 세상에 존재하나 속하지는 않는 것. 인간의 경험을 하는 모든 영혼이 시험을 겪는 것은 세상에 있기 위해서이지, 세상에 속하기 위해서가 아닙니다. 영혼들은 자신이 인간의 경험을 하는 영혼이라는 것을 깨닫고 그것을 충분히 의식하며 완전히 육체를 갖춰야 합니다. 사람들의 성격은 보통 초월성이나 내재성과 관련이 있습니다. 초월성 쪽으로 치우친 사람들은 하늘과 형이상학에 대한 동경이 있죠. 그들은 개인적으로 신을 마주하게 되길 갈망하고 하늘에 관심이 많습니다. 천사를 부러워하며, 지구에서 보다 별을 보며 시간을 보내고 기도하는 것을 더 편하게 느껴요. 내재성 쪽으로 치우친 사람들은 지구와 자신의 몸에 더 많은 애착을 갖고 있습니다. 그들은 하늘이나 자신의 내면세계와 교감하는 것보다 현실의 것들에 대해 생각하면서 더 많은 시간을 보냅니다. 인간의 경험을 지니고 완전히 육체를 갖춘 영혼이 된다는

나 자신에게 하는 인생 조언 [내부링크]

요즘 내 자신에게 매일 하는 인생 조언들만 유튜브에서 찾아 듣고 생각하는 거 같다. 정말일까? 옛 분들에 말이 맞을까? 나는 저렇게 한 거 같은데 왜 나는 마음에 상처받았지. 이런 생각들… 그래서 아침부터 "노자 도덕경 인생 9계명"을 가지고 왔다. 참고로 유튜브에 있는 내용 받아쓰기 하였습니다. 읽기 귀찮으시면 아래 유튜브로 들으셔도 돼요. 저도 책을 읽기보다는 유튜브로 듣기를 책을 더 많이 접하고 있습니다. ^^ 노자 도덕경 인생 9계명 1. 자신을 알면 지식이 있는 것이요. 남을 이길 수 있다 자기 인식의 중요성입니다. 인생에서는 자기 자신을 잘 알고 인식하는 것이 매우 중요합니다. 2. 우리는 욕심과 욕망 때문에 고생한다. 세속의 유혹에서 벗어나기입니다. 인생에서는 세속적인 유혹에서 벗어나고 내면의 평화를 찾는 것이 중요합니다. 3. 만물은 양과 음으로 이루어져 있다. 균형과 조화의 원리입니다. 인생에서는 균형과 조화를 이루는 것이 중요합니다. 4. 하루 세 번은 자신을 돌아

Gummy Bear Tarot - 해석 방법: 정/역방향 해석 가능 [내부링크]

켈틱 크로스 스트레드 카드를 상담하는 사람을 질문자라고 하며, 질문을 염두에 두어야 합니다. 카드를 섞으면 판독기는 아래 그림과 같이 데크의 상위 10개 카드를 펼쳐 놓아야 합니다. 1. 현재 위치 / 현재 처한 상황 → 읽기의 기본적인 문제와 당면한 문제 2. 즉각적인 영향 / 가로막는 것 → 바로 앞에 놓여 있는 장애물 3. 목표 / 아래 깔린 것 → 이상, 영감, 운명, 사건의 발단, 질문자의 속마음 4. 먼 과거 / 뒤에 남겨둔 것 / 가까운 과거 → 현재에 영향을 마치고 있는 과거로부터의 영향입니다. 5. 최근의 과거 / 짊어진 것 / 질문자의 행동 → 이제 막 생겨난 사건들입니다. 6. 미래의 영향력 / 앞에 보이는 것 / 가까운 미래 → 앞에 놓여 있거나 전개될 수 있는 것, 그리고 필요한 조치를 취할 수 있는 능력 7. 질문자 / 질문자 자신 / 심리에 초점을 맞춘 입장 → 그 또는 그녀의 이상, 강점, 약점 8. 환경적 요인 / 주변의 시선 / 도움 → 친구, 동료,

가상 요소(Pseudo Element)란? [내부링크]

** 가상 요소(Pseudo Element)란?? 또는 의사 요소!! 앞에 ' :: ' 시작함 선택자::의사요소이름 {속성: 속성값;}  ::before 란?? 특정 요소의 내용(content) 부분 바로 앞에 다른 요소를 삽입합니다. ::after 란?? 특정 요소의 내용(content) 부분 바로 뒤에 다른 요소를 삽입합니다. >>before와 after를 사용할 때에는 content=' '라는 속성이 필요합니다. 특정 요소의 내용(content=' ') 바로 앞 또는 뒤에 삽입할 때 사용하기 때문이다. >> content=" " 란? Html 문서에 정보로 포함되지 않은 요소를 css에서 새롭게 생성시켜주는 가짜 속성입니다. * content=" "대표적으로 사용되는 속성 Normal 기본값으로 아무것도 표시하지 않음. (none과 같음) none 내용에 아무것도 표시하지 않음. counter 순서를 차례대로 생성 counter-increment, counter

0. The Fool (광대/바보) [내부링크]

카드 설명 녹색 바보 곰이 서 있는 곳은 절벽이다. 이 절벽은 앞날을 예측할 수 없는 험난한 길을 상징한다. 이것은 알려지지 않은 길, 자신 만의 길을 걷는 성향을 나타낸다. 주변의 눈 덮인 산 또한 현재 곰이 처한 환경이 매우 척박하고 험난하다는 것을 보여준다. 그런데 이 곰은 절벽 위에 서서 웃으면서 태평스럽게 춤을 추고 있다. 발아래의 위험은 보지 않고 있다. 즉, 위험에 대해서는 생각하지 않는 낙천적이고, 이상주의적 성향이 있다. 그리고 지금 곰이 갖고 있는 것은, 작은 짐 보따리 하나뿐이다. 즉, 많은 것을 준비하고 소유하지는 않은 상태로 길을 떠나온 상황이다. 손에는 파란 장미를 들고 있다. 파란색은 잠시도 한자리에 머무르지 않고 끊임없이 움직이는 공기, 바람의 변화무쌍한 조화를 부릴 수 있는 색이라고 한다. 충실한 작은 개는 곰의 모험에 동행하고 있으며, 곰의 다음 단계는 치명적일 수 있고, 결과적으로 그들의 여행은 실현되지 못한 채로 남겨질 수도 있다고 경고하며 짖어

Mucha Tarot (무하 타로) 해석 방법 [내부링크]

Mucha Tarot (무하 타로) 해석 방법 타로 읽기를 하는 가장 간단한 방법은 질문을 공식화하거나 명확하게 하고 싶은 상황에 초점을 맞춘 다음 하나의 카드를 선택하는 것입니다. 자세한 정보를 보려면 다른 카드를 뽑고 해당 타로 세션이 완료되었다고 느낄 때까지 계속하십시오. 독서를 하는 더 체계적인 방법은 상황이나 질문의 다양한 측면에 대한 통찰력을 제공하는 스프레드를 사용하는 것입니다. 여기 알퐁스 무차의 예술에서 영감을 받은 세 가지 스프레드가 있습니다. 무하 타로 카드 배열 방법 계절 시즌(시리즈, 1896) 이것은 여러분이 특별한 질문이 없을 때 그리고 단지 현재 여러분의 삶에 대한 몇 가지 지침을 원할 때 좋은 일반적인 독서입니다. 원하는 방식으로 카드를 섞고 네 개의 카드를 선택합니다. 그것들을 일렬로 나란히 놓고 하나씩 뒤집어라. 봄 : 무엇이 창의적인 표현을 필요로 할까요? 여름 : 무엇이 느려져야 합니까? 가을 : 수확을 위한 준비는 무엇인가요? 겨울 : 피난처와

가상 클래스(Pseudo Class)란?? [내부링크]

***가상 클래스(Pseudo Class)란?? 또는 의사 클래스 클래스 또는 태그 다음에 ' : ' 시작하는 가상 클래스들!! 선택자:의사클래스 {속성: 속성값;}  1. 동적 의사 클래스(dynamic pseudo-classes) **링크 선택자 :link (기본 상태) 사용자가 아직 한 번도 해당 링크를 통해서 연결된 페이지를 방문하지 않은 상태를 모두 선택함. :visited 사용자가 한 번이라도 해당 링크를 통해서 연결된 페이지를 방문한 상태를 모두 선택함 a:link{ color: black; } a:visited{ color: orange; } **반응 선택자 :active 사용자가 마우스로 링크를 클릭하고 있는 상태를 모두 선택함. :hover 사용자의 마우스 커서가 링크 위에 오라가 있는 상태를 모두 선택함. a:active{ color: orange; } a:hover{ color: orange; } https://blog.naver.com/ecoc

3.SACRAL CHAKRA - Core of Creation [내부링크]

3.SACRAL CHAKRA - Core of Creation 신성한 차크라 - 창조의 핵심입니다. 3.SACRAL CHAKRA - Core of Creation 창조 감정의 핵심, 감정적 반응, 쾌락, 관능, 친밀감, 연결, 놓아주기, 창의성, 신성한 성, 열정, 건강한 경계, 몸의 가치관. 당신은 현재의 순간을 즐기고 당신의 감각 속으로 깊이 느끼도록 초대된다. 살아 있다는 관능, 살갗에 스치는 미풍, 축축한 흙냄새, 몸이라고 부르는 신전에 딱 들어맞는 느낌. 이 카드는 당신의 모든 능력이 신의 창조에 이용 가능한 순간의 깊은 곳으로 잠수하는 것에 관한 것이다. 과거 또는 미래에 부품이 남아 있지 않기 때문에 전체 페인트 키트가 존재합니다. 여러분 모두가 깊은 경험의 지점에서 뭉칩니다. 이것은 프로젝트나 새로운 삶을 위한 황홀한 임신의 순간이다. 여러분이 세상에 태어나고 있는 것과 여러분이 함께 창조하기로 선택한 누구와도 열정, 친밀감, 그리고 사랑의 관계에 빠지게 하세요. **

html5 / css3 효과 튜토리얼 모음 [내부링크]

① 원 호버 효과 https://tympanus.net/Tutorials/CircleHoverEffects/index7.html ② 드롭메뉴 코딩 http://webdesigntutsplus.s3.amazonaws.com/tuts/360_select/menu/index.html ③ 버튼 클릭 이미지 효과 코딩 http://media02.hongkiat.com/css3-on-off-button/demo/index.html#button ④ 오디오 플레이어 코딩 https://tympanus.net/Development/CassettePlayer/ ⑤ 상품페이지 접었다 펼치기 코딩 http://media02.hongkiat.com/html5-single-product-page/demo/index.html ⑥ 시간 제한 알림 에니메이션 https://tympanus.net/TipsTricks/CSS3TimedNotifications/

제이쿼리 효과 튜토리얼들... [내부링크]

-1 이미지 슬라이드 http://media02.hongkiat.com/image-nivo-slider/demo/index.html -2 효과 있는 슬라이드 https://designmodo.com/demo/sliderjquerycss3/ -3 전환효과 슬라이드 https://tympanus.net/Development/ParallaxContentSlider/index3.html -4 풀스크린 슬라이드 https://tympanus.net/Tutorials/FullscreenSlitSlider/index2.html -5 3D 슬라이드 https://tympanus.net/Tutorials/TriplePanelImageSlider/ 페이지 스크롤 바 http://webdesigntutsplus.s3.amazonaws.com/tuts/180_jPaginator/ex/milestone_5/index.html 레이어 팝업 http://webdesigntutsplus.s3.amazonaw

실시간 검색어