'분류 전체보기' 카테고리의 글 목록 (7 Page)

[Javascript] 내용에 따라 높이가 조절되는 textarea

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

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

[Javascript] 0.4 + 0.3 은 0.7이 아닐 수도 있다 / 자바스트립트의 이상한 소수 계산법

어느날 아래와 같은 현상을 발견했다. 개발자 인생 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

[하루] 뽀짝뽀작 정신없었던 서울과 판교에서의 1박 2일 / 노티드 강남카카오점 (1)

아주 한개에 꽃히면 이루어질 때까지 집착하는 면이 심하다. 이번에는 노티드 도넛이 나에게 그런 존재였다 ㅋㅋㅋ. 아니 무슨맛일지 알겠는데 먹고 싶은거 ... 다들 그렇지 않은가? 다들 아는 맛이지만 먹는거잖아요!! 막상 가서 보니까 맛있는 종류가 너무 많아서 정말 고민했다. 특히 로투스 스콘이 정말 먹고 싶었다. 검색해보니 포항에는 로투스 스콘을 파는곳이 없고 .. 오늘 먹지 않으면 먹기 힘들것 같았다. 대구라도 가야 구할 수 있으니.. 식이강박을 극복하기 위해서 하고 있는 연습이 있다. 먹고 싶은거 딱 정량만 먹기! 아주 초인적인 힘을 발휘하여 3500원짜리 우유크림 도넛만 한개 딱 구입했다. 이 결정은 지금 생각해도 아주 뿌듯하다. 좋은 선택은 기억에 오래오래 긍정적으로 남는 것 같다. 맛에 대한 평..

개인기록/일상 리뷰 2022. 4. 1. 15:36

[AWS/S3] S3를 이용해서 호스팅하고 Cloudflare로 도메인 연결하기(1) - S3 비용 구성알기

AWS 서비스 비용을 알아보는 방법은 여러가지가 있다. 그 중 Pricing Calculator를 사용해보자. 참고로 이 글은 S3의 역활, Storage의 구분 등 아주 기본적인 개념을 알고 있는 개발자를 위해 작성되었다. CTRL+F눌러서 필요한 정보를 찾아 잘 사용하길 바란다. 아래 공식홈페이지는 S3의 비용이 어떻게 구성되고 과금되는지 잘 나와있다. 각 비용들의 세금은 제외되어 있다. https://aws.amazon.com/s3/pricing/?loc=ft#AWS_Free_Tier Amazon S3 Simple Storage Service 요금 - Amazon Web Services S3 버킷 및 객체를 대상으로 수행한 요청에 대해 요금을 지불합니다. S3 요청 요금은 요청 유형을 기준으로 하며..

DevOps 연구 노트/아마존 웹 서비스 2022. 3. 27. 14:45

S3 Deploy시리즈 내용이 너무 많다...

S3 Deploy시리즈 비용 편 오늘 올리고 싶었는데 올릴 수 있을까 .. ? 아까 20분동안 열심히 정리해서 글을 작성했는데 10분의 1이 완성되었닿 ㅎ 오늘 저녁 11시 59분에 올려도 올리는 거잖아요 그쵸 .. ? ^^ S3의 기본내용이랑 예제까지 꼼꼼히 정리하고 싶어서 욕심을 부렸더니 점점 거대해지는 내용들 .. 원래 비용, 호스팅, 도메인 3편으로 쪼개려고 했는데 (Deploy 시리즈 안내) 비용편을 두개로 쪼개야 할 것 같다. 스크롤이 너무 길어 ... 다시 글을 쓰러 가야 겠다 ...

일기장 2022. 3. 26. 16:52

[AWS/S3] S3를 이용해서 호스팅하고 Cloudflare로 도메인 연결하기 튜토리얼

11월에 마무리 하기로 했던 s3 정적 웹사이트 호스팅을 1차 마무리 지었다. 클라이언트가 메인 페이지라도 ASAP 옮기기를 원하셔서 급하게 메인 페이지만 빌딩하여 퍼블리싱 하였다. 궁금하신 분들은 여기를 클릭하면 확인할 수 있다. S3란 아마존에서 제공하는 저장공간 서비스로 무한대의 공간을 비용을 주고 임대할 수 있다. 공간을 많이 사용할 수록 요금이 늘어나지만 정말 몇 백 테라바이트를 사용하는 편이 아니라면 저렴한 편이다. 게다가 자주 접근하지 않는 데이터라면 훨씬더 저렴한 가격에 저장할 수 있으니 S3를 잘 활용한다면 저렴한 가격에 여러 데이터를 저장하고 활용할 수 있다. S3 호스팅 시리즈의 구성 s3 웹사이트 호스팅 시리즈는 총 3개의 구간으로 나뉘어져 있다. (1) 비용 AWS 서비스를 이용하..

DevOps 연구 노트/아마존 웹 서비스 2022. 3. 20. 18:24

[React/Front] React에서 slider를 적용해보자

현재 나는 의뢰받은 작업 중 [코코스 영수학원] 홈페이지를 리뉴얼 중이다. php codeigniter를 사용하여 구축되어있던 프레임워크에서 react typescript로 리팩토링하고 결제기능 등 간단한 기능을 추가드릴예정이다. 그 중 아래와 같이 슬라이더가 적용되야 하는 부분이 있었다. 이것을 어떻게 구축했는지에 대하여 간단히 설명해 보겠다.(～￣▽￣)～ 웹상에서 슬라이더는 이렇게 오른쪽으로 미는 형태의 bar도 있고 오른쪽 사진처럼 toggle하는 형태도 있다. 하지만 오늘 내가 말하는 슬라이더는 맨 위 사진처럼 알아서 이미지가 슉슉 넘어가는 형태! Carousel이다. 1. React Material UI Carousel 설치하기 React의 가장 강력한 장점 중 하나는 바로 여러 라이브러리를 n..

프론트 연구 노트 2022. 3. 14. 09:46

[Oracle] Oracle에서 listagg를 사용해보자

year month date 2022 1 2 2022 1 15 2022 2 10 년도, 월, 일이 각각 세개의 column으로 나뉘어져 있는 테이블을 찾았다. 👀 보통 timestamp.. date... 있는 타입을 쓰지 않나? 생각했는데 나는 건의할 힘이 없는 힘없는 실무자. 원하는 결과 2022-1-2 2022-1-15 2022-2-10 시키는 대로 세개의 column에서 각각의 값을 뽑아내서 '-'(막대) 인자로 붙여내야 했다. 이전 포스팅에서 대충 사용햇던 listagg function을 사용했다. select listagg(concat(year,concat(month,day)),'-'); listagg(적용할 값, 중간인자) function을 위와 같이 사용하면 각각 column의 값을 합쳐준다..

백앤드 개발 노트 2022. 2. 28. 22:23