본문 바로가기

Study-Note34

[react] module styles.className 2개 사용 & 조건값으로 사용하는 패키지 classnames 안녕하세요! 좋아요요정입니다. className을 두개 이상 사용하고 싶을 때, 조건 결과값에 맞게 출력하고 싶을 때 사용하는 패키지를 소개합니다. 결과 미리보기 💕 - 동일한 card 컴포넌트인데 상단 3개는 main 클래스를 적용함. - 설정된 클래스명이 있을 경우 적용됨 1. 설치하기 Yarn add classnames //혹은 npm i classnames - 사용할 프로젝트에 설치해주세요! 2. 간단한 사용 방법(git에 작성되어 있는 내용) import classNames from 'classnames'; ... classNames('foo', 'bar'); // => 'foo bar' classNames('foo', { bar: true }); // => 'foo bar' classNames.. Study-Note/React 2021. 12. 20.
[react] 타이핑치는 효과 컴포넌트 안녕하세요! 코딩이 즐거운 좋아요요정입니다. 오늘은 재사용가능한 타이핑치는 효과 컴포넌트를 가지고 왔습니다. 포트폴리오를 만들면서 하나씩 정리해서 기록해보려고 합니다. :) (아잣아잣!) 오늘 소개하는 함수는 타이핑치는 효과 컴포넌트 입니다! 결과 미리보기💕 ① 인자값으로 test , speed, fontSIze, color를 받습니다. ② 기본값으로 speed = 100, fontSIze= 1em, color: 'black'을 가지고 있습니다. import React, { useState, useEffect } from 'react'; const TypingText = ({text, speed, fontSize, color}) => { TypingText.defaultProps = { fontSize:.. Study-Note/React 2021. 12. 18.
[파이썬] 가위바위보 메달교환기 게임 구현 안녕하세요! 좋아요 요정입니다 추억의 가위바위보 메달교환기 게임을 구현했습니다 ㅎㅎ 귀여운 이모티콘 버전으로.... ~ (실행할 수 있게 등록하면 좋은데 방법을 찾아봐야겠어요..) 코드 import random return_num_list = [1,1,2,2,2,2,4,4,4,7,7,20] game_selection_list = ['가위', '바위', '보'] gameStatus = True count = 1 print(""" . 。+。☆゜*。゜。 。＊゜゜+☆＊+゜。*。 ＠。゜*゜。+。☆＊＠゜ ゜+。☆゜。*。＠。+*゜ ＼゜*。゜。*゜*。+／ ＼*゜+ ∧,,∧ .／ ＼ (^ω^＊) 가위바위보 게임 ◎⊂ ) 시-작! △し-J """) while gameStatus: print(f" ☆{count}번째 게임 .. Study-Note/Python 2021. 12. 14.
[파이썬] 문자열 리버스 ,대소문자 변경 안녕하세요 좋아요요정입니다!⭐️ 오늘은 파이썬 공부 중 응용해본 내용을 기록해봅니다. 하나씩 쌓아가면서 표현하기 연습하고 있어요. 소통 대환영! 문자열 리버스 💕 문자열을 입력받으면 거꾸로 반환하는 함수 입력: 문자열 출력: 거꾸로된 문자열 def stringReverse(str) : strLen = len(str) new = "" for i in range(1, strLen+1): new +=str[strLen-i] return new ss = "산토끼꿀주먹" result = stringReverse(ss) print(result) 대문자 ↔ 소문자 변경 💕 영어를 입력받으면 대문자는 소문자로, 소문자는 대문자로 변경해 반환하는 함수 입력: 영어 출력: 대문자 소문자가 리버스된 영어 def alphaR.. Study-Note/Python 2021. 12. 9.
[Python] 리스트 형태 포맷해서 출력하는 함수(+텍스트 컬러 변경) 안녕하세요. 좋아요요정입니다! :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. 파이썬에서 리스트 형태를 출력하고 싶어서 만들어본 포맷입니다. (굳이 왜?라고 물으신다면 그저,, 친해지고 싶어서... ) 기본 구조 from time import sleep import sys # 컬러 선언 **원하는 컬러코드를 입력하세요 resetColor = '\033[0m' pinkColor = '\033[91m' # 리스트 형태 포맷 def listItem_Formet(list, title, bullet = '-'): titleFormet = pinkColor + title + resetColor # **제목부분.. Study-Note/Python 2021. 9. 9.
[Python] 타이핑치는 효과 함수 안녕하세요! 좋아요 요정입니다 :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. print("")를 이용하면 빠르게 단번에 출력되는 결과값을 볼 수 있습니다. 타이핑치는 효과를 주고 싶다는 생각으로 찾아봤습니다. + 스택오버플로우의 토론을 참조. https://stackoverflow.com/questions/20302331/typing-effect-in-python 기본 구조 from time import sleep import sys # 타이핑치는 효과 def typing_Ani(text, speed): //text와 speed를 인자로 받습니다. string = text; for letter i.. Study-Note/Python 2021. 9. 9.
[JavaScript] Date 날짜 원하는 형식으로 Format하기 안녕하세요. 좋아요요정입니다! JavaScript Date형식 변경하는 함수 공유합니다. (YYYY/MM/DD, YYYY년MM월 등등..) 기본구조 const getFormatDate = (date) => { const year = date.getFullYear(); const month = (1 + date.getMonth()); const day = date.getDate(); return `${year}년 ${month}월 ${day}일 `; //Template literals 이용 } 1. 원하는 날짜를 인자로 받은 뒤 2. year, month, day 를 각각 저장하고 3. 원하는 형식으로 return해주는 함수입니다. Template literals? >>>MDN 사이트링크 포함합니다 htt.. Study-Note/JavaScript 2021. 9. 8.

티스토리툴바