기록의 힘

TailwindCss로 반응형 헤더 만들기 내 목표는 교수님 명함에TailwindCss로 반응형 헤더 만들기  내 목표는 교수님 명함에 우리 홈페이지 URL이 들어간 QR 코드를 만들어드리는 것이 목표이다.그러기 위해서는 접근성이 좋은 모바일 버전의 웹 UI가 필수이다.반응형으로 만드는것은 꼭 필요한 일이지만 동시에 매우 귀찮은 일이긴 하다.그 중에서 헤더는 반응형이라기 보다는 적응형 웹 개발에 어울리다는 말이 맞는것 같다. PC 버전에서의 헤더는 메뉴들이 일자로 나열되어 있는 경우들이 많다. 화면이 그만큼 여유롭게 크기 때문이다.하지만 모바일 버전은 대부분 햄버거 모양의 이모티콘을 사용한다. 만드는 과정을 포스팅 해보고자 한다.   React 화면 크기 감지 - resize 이벤트 resize 이벤트는..

What is Reinforcement Learning? 강화학습의 사전적 정의는순차적 의사결정 문제에서 누적 보상을 최대화 하기 위해 시행착오를 통해 행동을 교정하며 학습하는 과정 이다.처음 이 말을 들었을 때는 와닿지가 않을 것이다.그래서 아래 그림과 함께 본다면 이해에 도움이 될것이다. 일단 강화학습은 x값(독립변서), y값(종속변수)이 따로 존재하지 않는다.오직 보상값만 존재하게 된다.이때 보상값이란 인공지능(agent)이 환경(Environment)에서 어떠한 행동(Action)을 했을 때의 결과값을 목표값(Goal)을 기준으로 좋은 action 이었는지, 나쁜 action 이었는지 판단할 수 있는 가중치 라고 할 수 있다. 이 말은 위의 그림을 풀어서 설명한 것과 같다.조금 더 설명을 해보자면..

[강화학습] gymnasium - box2d install 오류 해결 * 필자는 Window10 환경에서 gymnasium 라이브러리를 설치했습니다. 강화학습을 위해 gymnasium 라이브러리를 다운로드 중pip install gymnasiumpip install gymnasium[classic-control]pip install gymnasium[box2d] pip install gymnasium[box2d] 에서 오류가 뜰 수 있다.크게 swig 에러, C++ build tool 에러 두 개가 있다.두 오류가 모두 떠본 사람으로서 해당 오류를 트러블슈팅 하고자 한다.   SWIG err Building wheel for box2d-py (setup.py) ... error error: subpr..

호빗, 그곳에 갔다가 다시 돌아오다  나는 세계관이 방대한 스토리를 가진 소설들을 좋아한다.방대한 세계관 속에서 줄거리가 앞에서의 내용과 맞아 떨어지고'아 이게 이래서 그렇게 되었던 거였구나!' 이런 개연성을 가지는 스토리를 좋아한다. 반지의 제왕도 그런 소설 중 하나가 된다.우리가 대부분 알고있는 스토리인 호빗이나 반지의 제왕 시리즈는 전체 세계관 속 극히 일부의 이야기 밖에 되지 않는다.그런점이 원작을 읽어보고 싶은 생각을 돋우게 한다. 대부분이 그렇듯이 나는 이 시리즈를 영화로 먼저 접했었다.호빗을 비롯해서 반지의 제왕, 총 6편의 영화 모두 내 최애 영화들이다.영화는 그 시대에 일어나는 굵직한 내용들을 재밌게 다룬다.그러다 보니 등장인물들의 과거 스토리나 갈등관계등을 서사를 알지 못한 채 결과만 ..

배포를 해보자 우리 랩실은 올해 11월달에 한국자기학회에 참가할 예정이다.그 전까지 홈페이지가 완성 까지는 아니더라도 소개 페이지 정도 만들어졌으면 하는 교수님의 요청이 있었고, 그 전까지 만들어보고자 한다.그래서 배포와 도메인 구매 단가를 알아보고자 하였다. 처음에는 AWS 프리티어를 이용해서 배포를 하고자 하였다.접속 시간이 최대 750시간 까지는 무료라고 하였다. 그러던 중 Vercel 이라는 무중단 배포 방법을 알게 되었었다.백엔드나 DB가 필요한 경우라면 약간의 비용이 청구될 수 있다고는 하는데 내가 만드는 웹은 프론트엔드로 다 만드는 것이라 전혀 비용이 부과되지 않는다고 한다.   배포 방법 1. 아래 Vercel 링크에서 회원가입 깃헙 계정으로 회원가입을 하면 Repositories를 바로 ..

LAB 홈페이지 제작 어떻게 보면 교수님이 나에게 단독으로 맡기는 첫 번째 과제가 되는것 같다.우리 랩실은 신설 랩실이다.그래서 아직 우리 랩실을 소개해주는 홈페이지가 제작되지 않았다. 내 지도교수님은 내가 학교에서 어떤 활동을 했는지, 어떤 공부를 했었는지 잘 알고 계셨다.그 스토리가 궁금하다면 이 포스터를 읽어보길 바란다. 2024.09.12 - [일상] - 프론트엔드를 그만 둔 이유 프론트엔드를 그만 둔 이유이번 포스팅은 그림이 별로 없는 그냥 내가 주저리주저리 적어놓은 기억회상 이야기이다.조금 지루할 수도 있는 글일 수도 있지만내 삶의 전환점이 되는, 될 수도 있는 일들을 정리해보고자 한j-codingbox.tistory.com   이전에 아버지 회사 홈페이지를 만들었던 코드들을 이용해서 효율적으..

신소재공학과  +  data science  이 두 조합에 대해서 어떻게 생각하는가?처음 들었을 때는 어떤 연관성이 있는지 다들 궁금해 할 것이다. 우리 랩실에서는 두 가지의 분야를 다룬다.   철강 먼저 우리 랩실은 철강을 다룬다.철강 중에서도 전기강판, AM 적층소재, 자성재료를 다루고 있다.  쉽게 설명하면 Si의 함유량에 따라서 강판의 연성의 정도가 달라지고C의 함유량에 따라서도 강판의 자성 정도가 달라진다.또한 강판을 만드는 제조 공정을 어떻게 설계하냐에 따라서도 강의 성질이 달라지게 된다.밀링을 할 때 강의 두께를 어떻게 조정하는가에 따라서도 성질이 달라진다. 이러한 여러 변수들을 통제하여 사용자가 원하는 최적의 조건을 가진 강을 만드는 것이 궁극적인 목표이고, 연구 분야가 된다.  사실 나는..

이번 포스팅은 그림이 별로 없는 그냥 내가 주저리주저리 적어놓은 기억회상 이야기이다.조금 지루할 수도 있는 글일 수도 있지만내 삶의 전환점이 되는, 될 수도 있는 일들을 정리해보고자 한다. 내가 처음으로 코딩을 시작했었던 이야기부터프론트엔드를 시작하고 끝내는 과정을 적어보고자 한다.   개발, 한번 시작해 볼까? 나는 고등학교를 다닐 때만 하더라도 프로그래밍, 개발, 코딩이 어떤 것 인지도 몰랐다.학교에 코딩을 한다던 친구의 노트북을 들여다보면 알 수 없는 영어들이 수두룩 있는 것을 보고 대체 저런 걸로 무엇을 할 수 있는 거지? 라는 생각을 했던 게 기억이 난다.  이런 내가 개발을 시작한 시기는 3년전, 2021년 겨울이었다.내 친구 중에 엄청 열심히 코딩을 공부하고 있던 컴퓨터공학과 친구가 있다.그..

DSAC M2 하루공부 합격 후기  이 시험이 어떤 시험인지 궁금하다면 이전에 포스팅 했던 글을 참고해보자! 2024.09.08 - [자격증] - DSAC M1 데이터 사이언티스 자격 합격 후기 DSAC M1 데이터 사이언티스 자격 합격 후기하루만에 합격!! 결과적으로 말하면 하루만에 합격!! 을 했다. 어떻게 공부했는지, 어떤 문제들이 나왔는지 적어보고자 한다.   DSAC M1이란? https://license.kpc.or.kr/nasec/qlfint/qlfint/selectDsac.do KPC자j-codingbox.tistory.com  사실 하루만에 합격한 점은 평소에 관련 지식을 이전 학과 강의에서 배운적이 있었고무엇보다 ADsP 공부를 하던 중 시험 일정이 잡혀 응시를 하게 되었다. 물론 이번..

ADsP 일주일 공부 합격 비결  글을 읽기 전 글을 쓰고있는 본인은 데이터사이언스 관련 과목을 학과에서 이수했던 적이 있다.그래서 어느정도 배경지식이 있는 상태에서 일주일 정도 투자를 했다는 것을 알아줬으면 좋겠다.어떤 책을 사용했는지, 어떻게 공부했는지, 모의고사는 어떻게 풀었는지에 대해서 적어볼 예정이다.시험 후기에 대해서도 적어볼 것이다.   교재 교재는 아래 [데이터에듀] - ADsP 데이터 분석 준전문가 책을 사용했다.일명 민트책!! 책에는 시험과 관련된 모든 내용들이 다 실려있다. 내가 이 시험을 통해서 배경지식을 쌓아놓고싶다! 라고 생각하는 사람들은 이 책으로 한 단원씩 공부하는 것이 좋다고 생각한다.그리고 교재 뒷 내용에 모의고사도 있으니 한번씩 풀어보길 권한다.하지만 계획을 잘못 세운다..