본문 바로가기

Coding
165

자바스크립트로 만나이를 구해보자 (후편) https://koreanraichu.tistory.com/367 자바스크립트로 만나이를 구해보자 (전편)이게 왜 전후편이 나뉘었냐면 변수때문에 시간을 너무 잡아먹었고 나는 출근을 해야 하는 몸입니다... 그래서 자잘한 것들... 뭐 CSS 마진 패딩 이딴거라던가 날짜에 시작점 끝점 정하는 뭐 그런koreanraichu.tistory.com내 어제 만나이 구현하는걸 짜면서 몇가지 추가할 게 있는데 출근해야 해서 못했다고 한 게 있었다. 네가지 있었는데 오늘은 그걸 다 구현해볼거다. 근데 생각보다 자잘한 기능이라 금방 끝남둥.날짜 시작이랑 끝 정하기이거는 JS선에서 건들 게 아니라 HTML파일에 있는 인풋태그를 건드리면 된다. input type=date 속성 중에 min이랑 max가 있는데 말 그대로 최.. 2024. 1. 16.
자바스크립트로 만나이를 구해보자 (전편) 이게 왜 전후편이 나뉘었냐면 변수때문에 시간을 너무 잡아먹었고 나는 출근을 해야 하는 몸입니다... 그래서 자잘한 것들... 뭐 CSS 마진 패딩 이딴거라던가 날짜에 시작점 끝점 정하는 뭐 그런거 있죠? 그런게 아직 안됐음... 그래서 깃헙에 올린 버전은 '일단 계산만 해 주는' 버전입니다. 아무튼 그럼. 사실 기본적인 로직은 파이썬하고 다를 게 없다. 그리고 자바스크립트에서도 날짜를 다룰 수 있지. const birthday = document.querySelector('input[type="date"]'); const calButton = document.querySelector('button'); const yourAge = document.createElement('p'); const yourAg.. 2024. 1. 16.
오라클 클라우드 김서버씨 종료... 간만에 로그인해서 한 게 인스턴스 정리인거 실화고요... 일단 여러가지 이유가 있는데 크게 세 가지를 들어보자면... 1. SSL? 그 뭐라그러죠? 아무튼 인스턴스가 HTTPS가 아니고 HTTP상태였음. 엔진엑스 깔다가 실패해서... 아니 난 하란대로 했는데 안되잖아...ㅠ 2. 연결된 도메인이 없음. 예전에 도메인 할당했던거 만료됐는데 .shop 도메인이 개같이 비싸서 갱신을 안 했음. 3. 그럼 도메인을 왜 갱신을 안 했는가... 가격도 가격이지만 여기에 올려둘만한 무언가가 없었음. 토이프로젝트들은 많은데 뭔가 그런거 있잖아요... 인스턴스에는 뭔가 기깔난 프로젝트들만 올려야 할 것 같은... 그래서 뭘 안 올렸음. 그리고 여기서 파생돼서 인스턴스를 종료한 가장 큰 이유… 내가 오죽 안 들어갔으면 비.. 2024. 1. 10.
현재 시각을 십이지시로 바꿔보자 요즘은 뭐 열두시 한시 이런 식으로 얘기해서 십이지시 잘 모르는 사람도 많다. 사실 이거 쓰는거 사주 볼 때 말고는 없는데, 뭐 개인이 보는 경우도 있지만 가끔 남녀가 결혼하기 전에 궁합이 어떤지 볼 때도 태어난 년월일'시'가 필요할 때가 있다. 근데 딱히 그래서 코딩해본 건 아님. 참고로 일본 괴담 번역 즐겨보시는 분들 한번 접해봤을 키워드인 축시의 참배 할 때 축시도 십이지시다. 그래서 이게 대충 몇시인가요? 여기서 시간만 보면 된다. 참고로 1시 정각이 그래서 자시인지 축시인지는 안 나오는 관계로 편의상 n시 정각~n시 59분으로 코딩하도록 하겠음. 와 이래 보니 축시가 꼭두새벽이었네... 그럼 꼭두새벽에 누구 저주한답시고 나무에 못박고 그러는거임? 후덜덜하구만. 여담이지만 자시와 오시는 자정, 정.. 2024. 1. 10.
파이썬으로 만나이를 계산해보자 아니 이게요... 일하는데 어떤 분이 엑셀로 생년월일 입력하면 만나이 계산 알아서 되는 방법이 있다던데 함수좀 짜달라길래... 속으로 오 씨 콘텐츠 각 이러면서 짰습니다... 이걸 각을 재네 나중에 JS랑 엑셀로도 할거고 하게 되면 또 올리겠음. 참고로 엑셀은 미디움에는 안 올라갑니다. 원래 미디움에는 잔머리엑셀 연재 안했음. 일단 만 나이가 뭐냐... 한국인은 나이가 두 개인데 첫번째가 해가 지나가면(1월 1일 되면) +1씩 더해지는 세는 나이고 두번째가 본인 생일이 지나야 올라가는 만나이이다. 보통 사람들하고 교류할때는 세는 나이를 말하고 행정 처리(예를 들자면 교통카드 요금이 청소년->성인으로 올라가는 것) 할 때는 만 나이로 들어가는데, 본인은 91년생이기때문에 세는 나이로는 34살이지만 아직 생.. 2024. 1. 9.
눈 내리는 효과 만들기 Reference https://gurtn.tistory.com/195 [JS] 눈 내리는 효과 만들기 완성 코드 See the Pen Canvas Snow by hyukson (@hyukson) on CodePen. 전체코드(보기) 더보기 const $canvas = document.querySelector("canvas"); const ctx = $canvas.getContext("2d"); const getRandomRadius = () => Math.random() * 1 + 0.5; const getR gurtn.tistory.com 사실 여기서 HTML이랑 CSS는 별 거 없다. 진짜로 별 거 없다. 이게 HTML이고 html { margin:0; padding:0; } body { margi.. 2023. 12. 10.
나눗셈 결과 몫 ... 나머지로 표시하기 이거 참고로 노션에는 기록을 못한다... 차마 기록할 페이지를 어디다 만들어야 할 지 모르겠음... ㅋㅋㅋㅋㅋ 문방구 오락기에서 게임하다가 엄마한테 등짝맞던 시절... 아니 그니까 초딩때를 이야기하는거다. 아무튼, 우리가 나눗셈을 처음 배웠을 때 6 나누기 4는 몫이 1이고 나머지가 2라 1 ... 2 이런 식으로 표현했다. 근데 콤퓨타는 기본적으로 몫과 나머지따원 모르겠고 난 소수점으로 쫑낼것이다! 모드란 말이죠. 그니까 응애 애기피츄 책사죠 하던 시절의 그 나눗셈을 해보자 이겁니다. 뭘로? 파이썬으로. 왜 피츄인지는 내 닉네임을 보면 납득할 수 있을것이다. 본인이 라이츄기 때문에 유년기가 피츄인거다. 일단 나눗셈의 용어에 대해 알고 가도록 하자. 나눗셈 하면 피제수와 제수라는 두 개의 용어가 있는데(.. 2023. 10. 22.
Python으로 연결 리스트 구현하기 https://koreanraichu.tistory.com/311 연결 리스트 JS는 토이프로젝트 해야 하는데 뭐 또 생각나면 만들겠음... 솔직히 프론트엔드가 쓸 일은 없겠지만 알아서 나쁠거 없잖아요? 아무튼. 배열은 만들 때 메모리 공간의 연속된 공간을 할당받는다. koreanraichu.tistory.com 여기서는 대충 이론적인 설명(...)을 했다면 이제 만들어보자. 이게 왜 분리가 됐냐면 티스토리와 워드프레스는 이론 카테고리와 코딩 카테고리가 나뉘어져 있다. 오늘의 참고문헌은 https://velog.io/@yeseolee/python-%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0-%EC%97%B0%EA%B2%B0%EB%A6%AC%EC%8A%A4%ED%8A%B8Linked-.. 2023. 9. 5.
연결 리스트 JS는 토이프로젝트 해야 하는데 뭐 또 생각나면 만들겠음... 솔직히 프론트엔드가 쓸 일은 없겠지만 알아서 나쁠거 없잖아요? 아무튼. 배열은 만들 때 메모리 공간의 연속된 공간을 할당받는다. 그리고 이 특징때문에 인덱싱(리스트[0] 이런 식으로 픽하는거)이 가능하다. 이 공간의 크기는 마치 포켓몬의 종족값 같아서 한 번 정해지면 바꿀 수가 없다. ...그럼 대체 첨삭은 어떻게 하는거임??? (동공지진) 그리고 배열에 뭘 넣을 때 공간 확보도 문제지만 배열에서 뭘 뺐을 때 남는 공간도 문제가 된다. 아니 이 공간을 뭐 어따쓸겨 걍 낭비하는거지... 아무튼... 연결 리스트는 이 충격과 공포의 사태를 막기 위해 노드들을 줄줄이 엮어서 배열로 만든다. 각 노드들은 데이터와 포인터로 이루어져 있는데, 데이터는 .. 2023. 9. 5.
트랜잭션 fcitx 5 까는김에 mozc도 같이 깔은 건 좋은데... 언어 변환이 안돼... 한-영은 되는데 일어가 안됨 ㅋㅋㅋㅋㅋ Focuswriter때문에 세팅한건데 문제는 이거 해도 거기서 될지 모릅니다... 트랜잭션은 데이터베이스의 상태를 변화시키기 위해 수행하는 작업의 단위를 뜻한다. ...예? 그 왜 예전에 CRUD 설명하면서 프로그램에 이거 없으면 안된다! 이렇게 얘기를 했는데... 아시죠? Create, Read, Update, Delete. 얘네가 묶어서 크루드인데 데이터베이스에 접근해 뭘 수정할 때는 이 과정을 거치게 된다. 예? 저는 그런거 한 적 없는데요? 아니 당신이 댓글 올리기 버튼 누르면 데이터베이스에 접근해서 댓글을 달고 불러오잖음. 그럼 예를 들어보자. 네이버 블로그에 허구헌날 들러.. 2023. 8. 31.
폰트어썸(Font awesome) 그 왜 가끔 사이트 보면 기깔나는 아이콘인데 텍스트처럼 선택이 되는 뭐 그런 아이콘이 있을 것이다. 그 있어... 뭐 햄버거 버튼 별 이런거 있는데 별의별게 다 있다. 그리고 개발자 도구를 봤더니... 폰트 패밀리에 FontAwesome? 이게 뭐시여? 폰트어썸은 아이콘 라이브러리이다. 당연한 소리지만, 내가 처음 네이버 마이홈을 쓸 때는 CSS라는 개념이 없어서 속성도 죄 인라인에 줬고, 아이콘? 아이콘은 이미지 파일을 서버에 직접 업로드해야 했다. 그러면 색깔 잘못 올리면 어떻게 되냐고요? 걍 주옥되는겁니다. 새로 작업해서 새로 올려야 하거든... 이 얼마나 힘듭니까... 그때 컴퓨터가 램 16기가면 쥰내 비쌌어요... 하지만 얘는 CSS로 제어가 가능하기때문에 그냥 CSS로 색깔을 바꾸면 된다. 즉.. 2023. 8. 11.
리스트뷰-그리드뷰 전환하기 씽크패드 펑션키 밖으로 뺀 사람 찾아서 조사버리겠다... 아무튼... 포고 인벤토리 보고 생각났던건데 이제서야 함... 귀차니즘이 이렇게 무섭습니다 여러분. https://github.com/koreanraichu/Javascript/tree/main/List-grid 코드는 여기 가서 봅시다. HTML이나 CSS 관련 코멘터리는 안할거임. 발단 일단 발단이 뭐냐... 위가 리스트 뷰, 아래가 그리드 뷰이다. 포켓몬고의 인벤토리는 원래 위쪽만 있었다가, 아래쪽도 일부 계정에 시범적용 후 현재는 전 계정에서 해당 설정을 할 수 있게 되었다. 일단 두 방식은 각각 장/단점이 있는데 리스트 뷰는 위의 사진처럼 아이템의 설명을 확인할 수 있고, 버리기 아이콘도 줄의 끝에 있기 떄문에 아이템이랑 거리가 있어서 아.. 2023. 8. 9.

최근댓글

최근글

skin by © 2024 ttutta

티스토리툴바