안녕하세요! 코딩이 즐거운 좋아요요정입니다. 오늘은 재사용가능한 타이핑치는 효과 컴포넌트를 가지고 왔습니다. 포트폴리오를 만들면서 하나씩 정리해서 기록해보려고 합니다. :) (아잣아잣!) 오늘 소개하는 함수는 타이핑치는 효과 컴포넌트 입니다! 결과 미리보기💕 ① 인자값으로 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:..
안녕하세요! 좋아요 요정입니다 추억의 가위바위보 메달교환기 게임을 구현했습니다 ㅎㅎ 귀여운 이모티콘 버전으로.... ~ (실행할 수 있게 등록하면 좋은데 방법을 찾아봐야겠어요..) 코드 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}번째 게임 ..
안녕하세요! 좋아요요정입니다 :) 오늘은 object 깊은 복사를 진행했습니다. 테이블에 입력되는 column을 복제해서 일부 값을 수정하고 반환 수정하는데 setState를 선언하지 않았음에도 변경되었습니다. 이유는 { ... } 은 shallow copy를 하기 때문! const object = { a: 'aa', b: 'bb', c: ['c','cc'] } const copy = { ...object } 이 경우, object에는 데이터가 저장되는 것이 아니라 데이터의 값을 가리키는 참조값이 저장됩니다. 그 참조값을 복사해 데이터를 수정하니, 결국 그 내부의 값이 변경된 것입니다. 복사 전 변수도, 복사한 변수도 결국 같은 데이터를 가리키고 있던 것이죠. 깊은 복사하는 방법1 - JSON객체를 이용..
안녕하세요 좋아요요정입니다!⭐️ 오늘은 파이썬 공부 중 응용해본 내용을 기록해봅니다. 하나씩 쌓아가면서 표현하기 연습하고 있어요. 소통 대환영! 문자열 리버스 💕 문자열을 입력받으면 거꾸로 반환하는 함수 입력: 문자열 출력: 거꾸로된 문자열 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..
안녕하세요. 좋아요요정입니다! 이번에 맥북을 구매했어요 꺄~~ 🎉 지름이 곧 실력은 아닌걸 알면서도 참을 수 없는 장비욕심..ㅎㅎ 회사와 집을 하나의 작업환경으로 연동했다는 목적에 상당한 만족감을 가지고 있습니다. (맥북 너무 좋아요 ㅎㅎㅎ) 랜선을 연결할 허브가 아직 도착하지 않아서.. 와이파이를 잡아 리엑트로 프로젝트를 진행하던 중 문제를 발견했습니다. 오프라인상태가 되면 fetch가 전부 실행되며 생기는 에러, 반환되는 값이 없어서 생기는 대에러 폭탄💩!! 수정 전 코드 - api.js class Api { async run(requestData, url){ const formdata = new FormData(); for(const key in requestData){ formdata.append..
안녕하세요. 좋아요요정입니다! :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. 파이썬에서 리스트 형태를 출력하고 싶어서 만들어본 포맷입니다. (굳이 왜?라고 물으신다면 그저,, 친해지고 싶어서... ) 기본 구조 from time import sleep import sys # 컬러 선언 **원하는 컬러코드를 입력하세요 resetColor = '\033[0m' pinkColor = '\033[91m' # 리스트 형태 포맷 def listItem_Formet(list, title, bullet = '-'): titleFormet = pinkColor + title + resetColor # **제목부분..
안녕하세요! 좋아요 요정입니다 :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. 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..
안녕하세요. 좋아요요정입니다! 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..
안녕하세요. 리액트 공부에 한창인 좋아요요정입니다! 비밀번호 보기/숨기기 기능 공유합니다 ① state : type과 visible의 키를 가진 오브젝트를 생성 ② 해당 아이콘 클릭 시, visible로 상태를 확인한 뒤 type과 visible 변경 기본 구조 import React, { useState } from 'react'; const Input = ({}) => { //password type 변경용 state const [passwordType, setPasswordType] = useState({ type: 'password', visible: false }); //password type 변경하는 함수 const handlePasswordType = e => { setPasswordTyp..
- Total
- Today
- Yesterday
- 상속
- 복제
- JavaScript
- 팀러버덕
- 선언
- 함수
- JS
- 타이핑
- 면접
- 코딩테스트
- 프로그래머스
- SET
- 자바스크립트
- 프론트엔드
- react
- Prototype
- 파이썬
- 프로토타입
- Python
- 면접대비
- Call
- 생성자함수
- 타이핑효과
- 스터디
- 스택
- 메서드
- 리액트
- 객체
- 프로퍼티
- this
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |