새벽에 하는 DevOps 삽질기록

const [open, setOpen] = useState(false); React hook구조는 useState를 제공한다. this.state = { open : flase }; //위의 open 변수 this.setState = { { open : true } }; //위의 setOpen 변수 위 처럼 선언을 하게되면 Class구조에서 open이라는 변수의 state를 선언하고 setState함수를 좀 더 편리하게 사용할 수 있게 해준다. Hook에서 toggle을 구현하는 방법 그래서 hook을 이용하면 toggle함수를 선언하기가 편했다. 나는 아래처럼 사용해서 toogle을 구현했다. function useToggle() { const [open, setOpen] = useState(false..

프론트 연구 노트 2022. 7. 29. 10:00

넉넉한 개발자 블로그의 효자 아이템! https://bydawn25.tistory.com/31 [Javascript/React] Parse XML to JSON / XML을 JSON으로 만들기 지금하고 있는 프로젝트에서 XML을 읽어서 해석해야하는 부분이 존재했다. 개발자 인생 XML은 정말 마주하고 싶지 않은 데이터 형식인데 애석하게도 예전 표준을 따르는 많은 디바이스들이 XML을 bydawn25.tistory.com 물론 ㅋㅋㅋㅋㅋㅋㅋ 그래봐야 전체 조회수가 500회 밖에 되지 않지만 덕분에 평균조회수가 15회를 웃돌고 있다. 다음 목표는 평균 조회수 30회!(소박) 확실히 글을 꾸준히 쓰니까 방문해 주시는 분들이 계속 계신다. 앞으로도 웹과 클라우드, 나아가 내가 관심있는 여러분야의 도전기를 꾸준히..

프론트 연구 노트 2022. 6. 30. 09:30

S3로 정적 웹사이트 호스팅하기 2편을 작성해야 하지만 게으름의 끝판왕으로 미루고 있는 새벽입니다 ..^^ 간단히 자바스크립트를 이용해서 textarea 높이를 조절해볼께요. 왜냐하면 S3호스팅은 너무 에너지를 많이 써야하니까 (づ￣ 3￣)づ textarea 태그는 글씨가 길어져 줄바꿈이 일어나게 되면 오른쪽에 스크롤이 생기게 된다. 이렇게 스크롤이 생기지 않고 밑으로 그 영역자체가 넓어지게 해달라는 요청을 받았다. 당연스럽게 입력값에 따라 자동으로 확장되는 옵션이 있을줄 알았는데 없었다. 이정도 옵션은 있음직 하지 않나요? (만들어주세요..선생님들) textare 태그 공식문서 : The Textarea element - HTML: HyperText Markup Language | MDN The HTM..

프론트 연구 노트 2022. 4. 22. 11:31

어느날 아래와 같은 현상을 발견했다. 개발자 인생 3년만에 처음보는 현상이였다. 158.62 + 12.38 = 171.09999999991 내가 눈이 이상한가? 아무리 눈을 씹고 봐도 갑자기 9가 생긴 느낌이였다. 아니 뭐지? 지금까지 react, angular, javascript 심지어 node.js를 사용할때도 floating number 덧샘에서 문제가 생긴적이 없었는데. 저 결과를 보고 있자니 어떤 language든 덧샘은 완전하다라는 내 대전재가 깨진 느낌이였다. 😂 그래서 열심히 구글링을 해보았더니 아래와 같은 포스팅을 발견할 수 있었다. https://stackoverflow.com/questions/5037839/avoiding-problems-with-javascripts-weird-d..

프론트 연구 노트 2022. 4. 5. 08:55

지금하고 있는 프로젝트에서 XML을 읽어서 해석해야하는 부분이 존재했다. 개발자 인생 XML은 정말 마주하고 싶지 않은 데이터 형식인데 애석하게도 예전 표준을 따르는 많은 디바이스들이 XML을 사용하고 있다고 한다.😢 일단 나는 발등에 급한 불이 떨어졌으므로 XML을 검색한다 .. 음 .. 모르겠다 그리고 How to convert JSON from XML을 검색한다. 다양한 라이브러리와 Funciton들이 제공된다. - XML Document - X2JS - DomParse(가장 기초적인 xml접근 라이브러리인듯?) - react-xml-parser 언어의 갯수만큼 해당하는 기능을 제공하는 라이브러리가 있는듯 .. !! 하지만 나는 현재 Front로 리액트를 사용하므로 react-xml-parser같은..

코딩테스트/알고리즘 분석 2021. 12. 3. 18:04