본문 바로가기
반응형

분류 전체보기462

#6 [2021 UPDATE] QUOTES AND BACKGROUND #6.0 Quotes 명언과 작가 랜덤하게 표출시키기 Math.random()과 Math.floor() 배열A[Math.floor(Math.random() * 배열A.length)]; Math.random() 0~1 사이의 랜덤 숫자를 제공하는 자바스크립트 함수 Math.round() 반올림 함수 Math.ceil() 올림 함수 Math.floor() 내림 함수 배열 길이 알려줌 .lenth const quotes = [ { quote: "abcdefg", author: "a" }, { quote: "hahahahahahahahaha", author: "banana" }, { quote: "hi!!!!!!!!", author: "apple" }, { quote: "good morning", author:.. 2022. 3. 30.
#5 [2021 UPDATE] CLOCK #5.0 Intervals interval은 매번 일어나야 하는 무언가를 의미한다. 매 2초마다 무슨일이 일어나길 원할 때 사용. 이미 자바스크립트에 내장되어 있음 setInterval() 두개의 argument를 받는다. 첫째는 내가 실행하고자 하는 function 함수. 두번째는 function을 몇ms 간격으로 할지 5000ms = 5s(5초) function sayHello() { console.log("hello"); } setInterval(sayHello, 5000); 5초마다 콘솔에 hello가 나타난다. ========================== #5.1 Timeouts and Dates function을 딱 한번 호출하는데, 일정 시간이 흐른 뒤에 호출하는 것. setInterva.. 2022. 3. 30.
오픈씨 OpenSea 에 지갑(메타마스크) 연결 방법 메타마스크 라는 암호화폐 지갑(크립토 지갑)을 만들었다면 이제 오픈씨(OpenSea) 사이트에 그 지갑은 연결해야합니다. 오픈씨에선 별도로 회원가입이 없어요. 암호화폐 지갑(크립토 지갑)연결이 곧 로그인과 같습니다. 지갑 연결만하면 곧 오픈씨에서 NFT를 사고 팔 수 있게 된답니다~ (오픈씨를 비롯한 다른 NFT 마켓도 지갑 연동이 곧 로그인!) 오픈씨 OpenSea 에 메타마스크 지갑 MetaMask wallet 연결하기 1. 오픈씨 웹 사이트 접속 https://opensea.io 2. 상단 맨 오른쪽 지갑 모양 아이콘 클릭! 3. 본인이 가입한 암호화폐 지갑을 선택한다. (나는 메타마스크 지갑 MataMask을 만들어서 고걸 클릭!) 4. 메타마스크 본인 계정이 체크 되어있으므로 다음버튼 클릭! 5.. 2022. 3. 27.
바닐라 JS로 크롬 앱 만들기 #4 [2021 UPDATE] LOGIN #1.6 Online IDE 프로그램 설치할 수 없는 상황이라면 Replit 사용하면 된다. 브라우저에서 무엇이든 코딩 가능. 프록램 설치 가능한 상황이라면 vscode설치 ======================================================== #1.7 VS code에서 프로젝트 시작하기 Documents 에 mkdir momentum 이라고 입력한다. 걍 문서나 바탕화면에 momentum 이라는 이름의 폴더를 만든 후 비주얼코드에서 만든 파일을 연다. #4.0 [index.html] DOCTYPE html> Momentum App Log In [app.js] const loginInput = document.querySelector("#login-form input"); .. 2022. 3. 27.
메타마스크 지갑 만들기 MetaMask wallet App (NFT 거래 첫 단추) 요즘 핫한 NFT 그림이나 사진 등의 원본 디지털 콘텐츠를 사고, 팔기 위해서는 가상화폐 즉 코인이 필요합니다. 이 코인 거래를 위해선 코인을 담거나 받을 지갑이 있어야 해요. 대표적인 메타마스크로 지갑을 만드는 방법입니다. 메타마스크 지갑은 웹과 모바일 앱 두 곳에서 생성이 가능합니다. 편리하게 메타마스크 앱을 설치하여 새 지갑을 생성해보았습니다. 메타마스크 앱에서 지갑 생성하기 1. 앱스토어에서 ‘메타마스크’ 검색한 후 여우아이콘이 그려진 앱을 설치해주세요. 2. 시작하기 클릭! 3. 새 지갑 생성 클릭! 4. 동의함 클릭 5. 8자리 이상의 암호를 생성한 후 체크박스에 체크, 암호생성 버튼 클릭! 6. 메타마스크 지갑 관리 및 주의사항에 대한 설명 영상이 나옵니다. 시청은 자유. 시작버튼 클릭 클릭.. 2022. 3. 25.
VScode에서 HTML 자동완성 키 / html 기본양식 템플릿 자동완성 비주얼 스튜디오 코드 visual studio code (VScode) 에서 html 파일 기본 뼈대 자동완성하는 방법 입니다. 일일이 타이핑 하지마세요~ ! 입력 후 Enter (느낌표와 Entet키 동시에 누르는 거 아닙니다) 전체 과정 1. 비주얼스튜디오 코드 열고 html 파일을 만들어주세요. (*html 파일 만드는 법 : 파일 네이밍 끝에 .html 확장자를 붙이면 완성) 2. html파일에 !를 입력하고 엔터를 눌러주면... 3. Html 기본 템플릿 완성 Emmet 이라는 자동완성 플러그인이 내장되어 있어 html 기본 뼈대를 단 0.3초만에 완성할 수 있어요. 2022. 3. 24.
마트 식용 로즈마리로 삽수만들기 (물꽂이) 가끔 시엄니네 놀러가면 로즈마리 넣고 파스타나 육류 요리를 해주시는데 요렇게 식용으로 포장된 로즈마리를 매번 사서 하신다면서 우리집에 로즈마리 키우면 올때 잎을 조금씩 따오라고 하셨다 ㅋㅋㅋㅋ 몇년전까진 화분에서 방치된 쪼꼬미 로즈마리가 헐크가 되어 꽃도피고 혼자 월동도 했는데 딴걸 심는다며 누가 갈아엎어서 없어지고 말았다... 인공방향제나 향기가 자동차 매연 만큼이나 안좋다는 다큐멘터리를 본 이후로 향수도 다 처분하고 향기나는 제품은 되도록이면 사용하지 않는 중인데 그 때 로즈마리를 잘 살려 자연방향제로 곁에 뒀으면 얼마나 좋았을까 싶다. 카페 비루개에 갔더니 나무마냥 목질화된 로즈마리가 멀리서도 향이 어찌나 좋던지. 그 카페 다녀온 뒤로 나도 로즈마리를 다시 키우고 싶어졌다. 무튼 이러저러한 이유로 .. 2022. 3. 22.
새로들어온 식(植)구 - 필로덴드론 핑크프린세스/페페로미아 루나레드/몬스테라 위시본 바리에가타(스탠들리아나) 저번 주말 또 새로운 세분의 식(植) 구를 맞이했다. 핑크공주님과 쪼꼬미 페페로미아 그리고 위시본. 식물 위시리스트를 하나하나 들이고 채워가는 중이다. 필로덴드론 핑크 프린세스 Philodendron Pinkprincess 정식 학명은 Philodendron erubescens 필로덴드론 종류는 바이올린이 먼저 들어와 두 번째 맞이다. 식물 낮이도는 낮은 편. 병해충에도 강하고 건조와 과습도 어느 정도 잘 견딘다고 한다. 강한 직사광선보다는 반양지, 음지에 적합하므로 실내 식물로 키우기 좋다. 페페로미아 루나레드 Peperomia 페페로미아 종류는 루나레드로 처음 맞이. 성장이 느리다고 한다. 마치 조화같이 느껴질 정도. 작지만 반질반질하고 울퉁불퉁 입체적인 잎맥, 붉은색이 매력적인 쪼꼬미다. 몬스테라 .. 2022. 3. 22.
대품의 꿈 - 몬스테라 알보 삽수의 성장 / 4번째 잎사귀 맞이🌿 작년 7월쯤 알보 삽수를 들이고 물꽂이로 잔뿌리 받고 순화하여 여기까지 왔다. 알보의 4번째 잎을 맞이하는 순간을 기록했다. 몬스테라 보르시지아나 알보 바리에가타 Mostera Borsigiana Albo Variegata 정식명칭은 Monstera Deliciosa var Borsigiana Albo Variegata 몬스테라(속) 델리오사(종)의 var(변이종)으로 보르시지아나 특성을 가진 하얀 무늬개체라는 의미다. 집에서 가장 몸값 비싸고 등치 큰 식구다. 더 커질 수 있기도하고... 냉장고 만하게 얼마 전 부터 첫 공중뿌리를 내주고 있어 두근두근하게 바라보고 있었는데! 3월 3일. 가까이 가보니 뭔가가 보인다!!! 얼레? 새 순을 피어내고 있었다!!!! 아이고 기특해😭 3월 7일. 4일 사이에 새.. 2022. 3. 19.
반응형

티스토리툴바