728x90
반응형

전체 글 420

[Tailwind CSS] 모바일 상단 Navbar, 햄버거 메뉴 버튼 만들기

[Tailwind CSS] 모바일 상단 Navbar, 햄버거 메뉴 버튼 만들기기본적인 블로그 글을 작성하는 것이 블로그에는 도움이 되지는 않는 것 같지만,현재 내 상황에서는 작은 것, 기본적인 것도 기록하는 것이 도움이 되기에 작성한다. 모바일 화면에서 next.js + react + tailwind css를 사용해서 Navbar를 만들어 보려고 한다.   결과부터 보면 다음과 같은 Navbar이다. 상단 Navbar는 우선 모바일에 맞추어서 보여지는 화면을 구성할 것인데,코드를 한 줄 씩 작성해 보면 다음과 같을 것이다. (이하 return 구문 미포함)return( );요즘 HTML, CSS에서 UI를 작성할 때 박스 모델 flex를 대부분 사용한다. Tailwind CSS는 className의 이..

JS/react 2024.06.09

도서 '역행자' 를 읽고.

어떤 지식을 전달하는 글을 쓰는 게 익숙했었다. 그래서 지식을 전달하는 글이 아니라 어떤 이야기를 쓴다고 할 때면 지금처럼 어려움을 느낀다. 최근 자청의 책 '역행자'를 읽고 있는데, 하루에 독서와 글쓰기를 2시간 정도 하라고 한다. 과거에는 독서를 그래도 인생사 비교적 많이 하는 편이었는데, 요즘에는 많이 하지는 않고 있었다. 그리고 글은 쓰는 것(내게는 블로그 글 쓰는 것)도 프로그래밍과 관련된 내용을 주로 작성했었고, 실습을 하면서 코드나 결과에 대한 설명 글이었는데, 스토리를 정리해서 쓰려고 하니 쉽지 않은 것 같다. 그럼에도 이러한 글쓰기 훈련을 통해 나의 글쓰기 스킬이 성장하길 바라면서 이렇게 글을 써본다. 아직 다 읽지는 않았지만, 그냥 읽은 데까지의 느낀 점을 써보자. 여기서 말하는 것들이..

끄적끄적 2024.05.02

연말정산 기부금 세액공제 지출자의 범위 및 공제대상 기부금

연말정산 기부금 세액공제 지출자의 범위 및 공제대상 기부금 참고 도서 : 근로기준법 반영 연말정산 실무 (2023)  지출자의 범위 및 공제대상 기부금 배우자와 부양가족의 지출분은 연간 소득금액 100만 원(근로소득만 있는 경우에는 총 급여액 500만 원) 이하인 자의 지출분만 공제대상이다.2016년 귀속부터 부양가족의 연령 요건이 삭제되어 기본공제대상자가 아닌 부양가족의 소득요건만 충족하는 경우 공제대상이다. 기부금 종류본인배우자(소득요건 충족)부양가족(소득요건 충족)특례기부금공제대상 O공제대상 O공제대상 O우리사주조합기부금공제대상 O공제대상 X공제대상 X일반기부금공제대상 O공제대상 O공제대상 O정치자금기부금공제대상 O공제대상 X공제대상 X고향사랑기부금공제대상 O공제대상 X공제대상 X 종전의 법정기부금..

홈텍스 전산매체 파일 암호화? 복호화? 필수인가요?

홈텍스 전산매체 파일 암호화? 복호화? 필수인가요? 기업에서 인사/급여/재무/회계 등을 직접 관리한다면 ERP 시스템을 사용하고 있을 것이다. ERP 시스템을 사용한다면 연말정산과 간이지급명세서 등 국세청에 직접 신고를 하는 경우가 있을 것이다. 아닌 경우도 있을 수 있기 때문에 확신형으로 쓰지 않았다. 본인 회사와 그룹사는 직접 변환파일 신고를 한다. 그런데 제목의 이 질문을 왜 했는가 하면, 현재 회사에서는 오래 사용해온 전산매체 파일을 생성하는 프로그램에서 암호화, 복호화, 평문 파일 등 여러 파일을 생성하고 있어서 그렇다고 할 수 있다. 물론 과거에 만들어졌기에 모두 필요하기 때문에 생성한다고 볼 수도 있다. 그렇다. 과거에는 필요했다. 과거의 개인정보보헙에 따라 회계 프로그램 사용과정에서 생성되..

Spring boot 3.2.x version IntelliJ에서 실행 오류 해결

Spring boot 3.2.x version IntelliJ에서 실행 오류 해결 기존에는 항상 spring 2.x.x version으로 작업을 했다. 이번에 spring 3.2.4 version 으로 프로젝트를 만들어보려고 공식 홈페이지에서 프로젝트 다운로드 후 IntelliJ에서 실행해보았다. 시작하자마다 다음과 같은 오류가 발생했다. 일단 오류 메시지를 확인을 해보니 Java 17 이 사용되는 걸로 보이는 문구를 확인했다. Incompatible because this component declares a component for use during compile-time, compatible with Java 17 and the consumer needed a component for use du..

java, spring 2024.03.27

THE ONE THING | 원씽 찾기

THE ONE THING | 원씽 찾기 원씽이라는 책을 일부 읽고 나 또한 그렇게 생각했다. 가장 중요한 하나에 집중하고 그 하나만 하는 것. 그럼에도 나는 욕심이 참 많은지 하고 싶은 게 너무나 많았다. 성공하고 싶은 욕심이 가득하지만 하고 싶은 게 너무 많은 것 같다. 그럼에도 딱 한 가지를 뽑아야 하겠지. 내가 이상향으로 생각하고 있는 모습은 경제적 자유를 이루는 것이다. 시스템을 만들거나, 많은 자산을 갖거나 하는 여러 방법이 있겠지만, 아쉽게도 내가 하고자 하는, 하고 싶은 방법이 딱 떠오르진 않다. 어찌 되었든 많다면 줄여야 한다. 그래서 나는 원씽을 도출하기 위해 조금이라도 신경이 쓰이는 부분에 대해 제거하는 것이 원씽을 찾아가는 방법이라고 생각을 했다. 우선 개발자로서 인정을 받고 싶은 부..

끄적끄적 2024.03.21

1인 ERP HR 연말정산 시스템 개발 후기

1인 ERP HR 연말정산 시스템 개발 후기 힘들었다. 테스트는 여러 명이 도와주었지만, 혼자서 개발하는 건 너무 힘들었다. 후임으로 한 명이 있긴 했지만 아직 스스로 일을 처리할 수 있는 상태가 아니고 해서 수정해야 할 것을 알려주면 수정하는 등의 역할은 해주었지만, 실제 연말정산 처리를 해야 하는 부분은 혼자 했기에 힘들었다. 게다가 그룹 계열사들 대상으로 운영을 하고 있는 입장인 데다 그룹 계열사가 사용하는 연말정산 시스템을 개발하면서는 정말 힘들었다. 수정해야 하는 것도 많고 운영하면서 개발을 하려니 연락도 너무 많이 오면서 개발이 딜레이 되기도 하고 막막했다. 밤 12시 넘어 퇴근하기도 하고, 주말에도 일을 해야 했다. 다른 회사도 이렇게 하나 싶다(?) 결국 그룹사 연말정산은 마치긴 했으나 보..

ERP HR 시스템 2023년 귀속 연말정산 개발 이야기 (중간 점검)

ERP HR 시스템 2023년 귀속 연말정산 개발 이야기 (중간 점검) 오늘은 ERP HR 시스템에서 연말정산 파트 개발 중간 점검을 해보려 한다. 우선 목표는 24년 2월 23일 금요일이 급여이니 19~20일 이전에는 그룹의 모든 계열사의 연말정산이 마무리되어야 한다. 우선 계열 회사 10개 정도, 사업장은 50여 개 정도를 관리하고 있고, 관리하고 있는 인원 수는 대략 4~5천 명 정도 될 것인데, 이 그룹사 ERP HR 시스템을 혼자 운영하면서 연말정산을 개발해가고 있는 상황이다. 운영과 개발을 하고 있어서 연말정산 개발이 순탄하지는 않았다. (인력이 없다. 혼자 다 하고 있음) 1월에는 연말정산 간소화 자료 업로드를 주로 개발했고, 2월에는 전산매체 생성 프로그램 개발, 그리고 연말정산 계산식 적..

728x90
반응형