본문 바로가기

전체 글43

[react] object 깊은 복사하는 함수 안녕하세요! 좋아요요정입니다 :) 오늘은 object 깊은 복사를 진행했습니다. 테이블에 입력되는 column을 복제해서 일부 값을 수정하고 반환 수정하는데 setState를 선언하지 않았음에도 변경되었습니다. 이유는 { ... } 은 shallow copy를 하기 때문! const object = { a: 'aa', b: 'bb', c: ['c','cc'] } const copy = { ...object } 이 경우, object에는 데이터가 저장되는 것이 아니라 데이터의 값을 가리키는 참조값이 저장됩니다. 그 참조값을 복사해 데이터를 수정하니, 결국 그 내부의 값이 변경된 것입니다. 복사 전 변수도, 복사한 변수도 결국 같은 데이터를 가리키고 있던 것이죠. 깊은 복사하는 방법1 - JSON객체를 이용.. Journal/개발일기 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.
[React] fetch 인터넷 연결 끊켰을 때 오류방지 안녕하세요. 좋아요요정입니다! 이번에 맥북을 구매했어요 꺄~~ 🎉 지름이 곧 실력은 아닌걸 알면서도 참을 수 없는 장비욕심..ㅎㅎ 회사와 집을 하나의 작업환경으로 연동했다는 목적에 상당한 만족감을 가지고 있습니다. (맥북 너무 좋아요 ㅎㅎㅎ) 랜선을 연결할 허브가 아직 도착하지 않아서.. 와이파이를 잡아 리엑트로 프로젝트를 진행하던 중 문제를 발견했습니다. 오프라인상태가 되면 fetch가 전부 실행되며 생기는 에러, 반환되는 값이 없어서 생기는 대에러 폭탄💩!! 수정 전 코드 - api.js class Api { async run(requestData, url){ const formdata = new FormData(); for(const key in requestData){ formdata.append.. Journal/에러해결일기 2021. 12. 8.
[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.
[react] 비밀번호 보기/숨기기 기능 안녕하세요. 리액트 공부에 한창인 좋아요요정입니다! 비밀번호 보기/숨기기 기능 공유합니다 ① 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.. Side-Projects/react 2021. 5. 24.