자바스크립트로 만나이를 구해보자 (후편)

https://koreanraichu.tistory.com/367 자바스크립트로 만나이를 구해보자 (전편)이게 왜 전후편이 나뉘었냐면 변수때문에 시간을 너무 잡아먹었고 나는 출근을 해야 하는 몸입니다... 그래서 자잘한 것들... 뭐 CSS 마진 패딩 이딴거라던가 날짜에 시작점 끝점 정하는 뭐 그런koreanraichu.tistory.com내 어제 만나이 구현하는걸 짜면서 몇가지 추가할 게 있는데 출근해야 해서 못했다고 한 게 있었다. 네가지 있었는데 오늘은 그걸 다 구현해볼거다. 근데 생각보다 자잘한 기능이라 금방 끝남둥.날짜 시작이랑 끝 정하기이거는 JS선에서 건들 게 아니라 HTML파일에 있는 인풋태그를 건드리면 된다. input type=date 속성 중에 min이랑 max가 있는데 말 그대로 최..

• format_list_bulleted Coding/JavaScript
• · 2024. 1. 16.
• textsms

자바스크립트로 만나이를 구해보자 (전편)

이게 왜 전후편이 나뉘었냐면 변수때문에 시간을 너무 잡아먹었고 나는 출근을 해야 하는 몸입니다... 그래서 자잘한 것들... 뭐 CSS 마진 패딩 이딴거라던가 날짜에 시작점 끝점 정하는 뭐 그런거 있죠? 그런게 아직 안됐음... 그래서 깃헙에 올린 버전은 '일단 계산만 해 주는' 버전입니다. 아무튼 그럼. 사실 기본적인 로직은 파이썬하고 다를 게 없다. 그리고 자바스크립트에서도 날짜를 다룰 수 있지. const birthday = document.querySelector('input[type="date"]'); const calButton = document.querySelector('button'); const yourAge = document.createElement('p'); const yourAg..

• format_list_bulleted Coding/JavaScript
• · 2024. 1. 16.
• textsms

오라클 클라우드 김서버씨 종료...

간만에 로그인해서 한 게 인스턴스 정리인거 실화고요... 일단 여러가지 이유가 있는데 크게 세 가지를 들어보자면... 1. SSL? 그 뭐라그러죠? 아무튼 인스턴스가 HTTPS가 아니고 HTTP상태였음. 엔진엑스 깔다가 실패해서... 아니 난 하란대로 했는데 안되잖아...ㅠ 2. 연결된 도메인이 없음. 예전에 도메인 할당했던거 만료됐는데 .shop 도메인이 개같이 비싸서 갱신을 안 했음. 3. 그럼 도메인을 왜 갱신을 안 했는가... 가격도 가격이지만 여기에 올려둘만한 무언가가 없었음. 토이프로젝트들은 많은데 뭔가 그런거 있잖아요... 인스턴스에는 뭔가 기깔난 프로젝트들만 올려야 할 것 같은... 그래서 뭘 안 올렸음. 그리고 여기서 파생돼서 인스턴스를 종료한 가장 큰 이유… 내가 오죽 안 들어갔으면 비..

• format_list_bulleted Coding/코딩잡담
• · 2024. 1. 10.
• textsms

현재 시각을 십이지시로 바꿔보자

요즘은 뭐 열두시 한시 이런 식으로 얘기해서 십이지시 잘 모르는 사람도 많다. 사실 이거 쓰는거 사주 볼 때 말고는 없는데, 뭐 개인이 보는 경우도 있지만 가끔 남녀가 결혼하기 전에 궁합이 어떤지 볼 때도 태어난 년월일'시'가 필요할 때가 있다. 근데 딱히 그래서 코딩해본 건 아님. 참고로 일본 괴담 번역 즐겨보시는 분들 한번 접해봤을 키워드인 축시의 참배 할 때 축시도 십이지시다. 그래서 이게 대충 몇시인가요? 여기서 시간만 보면 된다. 참고로 1시 정각이 그래서 자시인지 축시인지는 안 나오는 관계로 편의상 n시 정각~n시 59분으로 코딩하도록 하겠음. 와 이래 보니 축시가 꼭두새벽이었네... 그럼 꼭두새벽에 누구 저주한답시고 나무에 못박고 그러는거임? 후덜덜하구만. 여담이지만 자시와 오시는 자정, 정..

• format_list_bulleted Coding/Python
• · 2024. 1. 10.
• textsms

파이썬으로 만나이를 계산해보자

아니 이게요... 일하는데 어떤 분이 엑셀로 생년월일 입력하면 만나이 계산 알아서 되는 방법이 있다던데 함수좀 짜달라길래... 속으로 오 씨 콘텐츠 각 이러면서 짰습니다... 이걸 각을 재네 나중에 JS랑 엑셀로도 할거고 하게 되면 또 올리겠음. 참고로 엑셀은 미디움에는 안 올라갑니다. 원래 미디움에는 잔머리엑셀 연재 안했음. 일단 만 나이가 뭐냐... 한국인은 나이가 두 개인데 첫번째가 해가 지나가면(1월 1일 되면) +1씩 더해지는 세는 나이고 두번째가 본인 생일이 지나야 올라가는 만나이이다. 보통 사람들하고 교류할때는 세는 나이를 말하고 행정 처리(예를 들자면 교통카드 요금이 청소년->성인으로 올라가는 것) 할 때는 만 나이로 들어가는데, 본인은 91년생이기때문에 세는 나이로는 34살이지만 아직 생..

• format_list_bulleted Coding/Python
• · 2024. 1. 9.
• textsms

눈 내리는 효과 만들기

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..

• format_list_bulleted Coding/JavaScript
• · 2023. 12. 10.
• textsms

나눗셈 결과 몫 ... 나머지로 표시하기

이거 참고로 노션에는 기록을 못한다... 차마 기록할 페이지를 어디다 만들어야 할 지 모르겠음... ㅋㅋㅋㅋㅋ 문방구 오락기에서 게임하다가 엄마한테 등짝맞던 시절... 아니 그니까 초딩때를 이야기하는거다. 아무튼, 우리가 나눗셈을 처음 배웠을 때 6 나누기 4는 몫이 1이고 나머지가 2라 1 ... 2 이런 식으로 표현했다. 근데 콤퓨타는 기본적으로 몫과 나머지따원 모르겠고 난 소수점으로 쫑낼것이다! 모드란 말이죠. 그니까 응애 애기피츄 책사죠 하던 시절의 그 나눗셈을 해보자 이겁니다. 뭘로? 파이썬으로. 왜 피츄인지는 내 닉네임을 보면 납득할 수 있을것이다. 본인이 라이츄기 때문에 유년기가 피츄인거다. 일단 나눗셈의 용어에 대해 알고 가도록 하자. 나눗셈 하면 피제수와 제수라는 두 개의 용어가 있는데(..

• format_list_bulleted Coding/Python
• · 2023. 10. 22.
• textsms

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-..

• format_list_bulleted Coding/Python
• · 2023. 9. 5.
• textsms

연결 리스트

JS는 토이프로젝트 해야 하는데 뭐 또 생각나면 만들겠음... 솔직히 프론트엔드가 쓸 일은 없겠지만 알아서 나쁠거 없잖아요? 아무튼. 배열은 만들 때 메모리 공간의 연속된 공간을 할당받는다. 그리고 이 특징때문에 인덱싱(리스트[0] 이런 식으로 픽하는거)이 가능하다. 이 공간의 크기는 마치 포켓몬의 종족값 같아서 한 번 정해지면 바꿀 수가 없다. ...그럼 대체 첨삭은 어떻게 하는거임??? (동공지진) 그리고 배열에 뭘 넣을 때 공간 확보도 문제지만 배열에서 뭘 뺐을 때 남는 공간도 문제가 된다. 아니 이 공간을 뭐 어따쓸겨 걍 낭비하는거지... 아무튼... 연결 리스트는 이 충격과 공포의 사태를 막기 위해 노드들을 줄줄이 엮어서 배열로 만든다. 각 노드들은 데이터와 포인터로 이루어져 있는데, 데이터는 ..

• format_list_bulleted Coding/코딩잡담
• · 2023. 9. 5.
• textsms

트랜잭션

fcitx 5 까는김에 mozc도 같이 깔은 건 좋은데... 언어 변환이 안돼... 한-영은 되는데 일어가 안됨 ㅋㅋㅋㅋㅋ Focuswriter때문에 세팅한건데 문제는 이거 해도 거기서 될지 모릅니다... 트랜잭션은 데이터베이스의 상태를 변화시키기 위해 수행하는 작업의 단위를 뜻한다. ...예? 그 왜 예전에 CRUD 설명하면서 프로그램에 이거 없으면 안된다! 이렇게 얘기를 했는데... 아시죠? Create, Read, Update, Delete. 얘네가 묶어서 크루드인데 데이터베이스에 접근해 뭘 수정할 때는 이 과정을 거치게 된다. 예? 저는 그런거 한 적 없는데요? 아니 당신이 댓글 올리기 버튼 누르면 데이터베이스에 접근해서 댓글을 달고 불러오잖음. 그럼 예를 들어보자. 네이버 블로그에 허구헌날 들러..

• format_list_bulleted Coding/코딩잡담
• · 2023. 8. 31.
• textsms

폰트어썸(Font awesome)

그 왜 가끔 사이트 보면 기깔나는 아이콘인데 텍스트처럼 선택이 되는 뭐 그런 아이콘이 있을 것이다. 그 있어... 뭐 햄버거 버튼 별 이런거 있는데 별의별게 다 있다. 그리고 개발자 도구를 봤더니... 폰트 패밀리에 FontAwesome? 이게 뭐시여? 폰트어썸은 아이콘 라이브러리이다. 당연한 소리지만, 내가 처음 네이버 마이홈을 쓸 때는 CSS라는 개념이 없어서 속성도 죄 인라인에 줬고, 아이콘? 아이콘은 이미지 파일을 서버에 직접 업로드해야 했다. 그러면 색깔 잘못 올리면 어떻게 되냐고요? 걍 주옥되는겁니다. 새로 작업해서 새로 올려야 하거든... 이 얼마나 힘듭니까... 그때 컴퓨터가 램 16기가면 쥰내 비쌌어요... 하지만 얘는 CSS로 제어가 가능하기때문에 그냥 CSS로 색깔을 바꾸면 된다. 즉..

• format_list_bulleted Coding/JavaScript
• · 2023. 8. 11.
• textsms

리스트뷰-그리드뷰 전환하기

씽크패드 펑션키 밖으로 뺀 사람 찾아서 조사버리겠다... 아무튼... 포고 인벤토리 보고 생각났던건데 이제서야 함... 귀차니즘이 이렇게 무섭습니다 여러분. https://github.com/koreanraichu/Javascript/tree/main/List-grid 코드는 여기 가서 봅시다. HTML이나 CSS 관련 코멘터리는 안할거임. 발단 일단 발단이 뭐냐... 위가 리스트 뷰, 아래가 그리드 뷰이다. 포켓몬고의 인벤토리는 원래 위쪽만 있었다가, 아래쪽도 일부 계정에 시범적용 후 현재는 전 계정에서 해당 설정을 할 수 있게 되었다. 일단 두 방식은 각각 장/단점이 있는데 리스트 뷰는 위의 사진처럼 아이템의 설명을 확인할 수 있고, 버리기 아이콘도 줄의 끝에 있기 떄문에 아이템이랑 거리가 있어서 아..

• format_list_bulleted Coding/JavaScript
• · 2023. 8. 9.
• textsms