How to.2024. 4. 22. 18:10css를 활용한 다크모드 이미지 자동 대응

소개 다음 영상을 보시면 무슨 말인지 쉽게 이해할 수 있습니다. 아이디어 https://github.com/joonas-yoon/boj-extended?tab=readme-ov-file GitHub - joonas-yoon/boj-extended: 백준 온라인 저지(BOJ)를 확장된 기능과 함께 사용해보세요. 기능 요청 백준 온라인 저지(BOJ)를 확장된 기능과 함께 사용해보세요. 기능 요청과 버그 제보는 언제나 환영합니다. - joonas-yoon/boj-extended github.com 코드 아래 코드는 본인이 사용하고 있는 블로그 스킨에 맞게 수정해서 사용하세요. 저는 berry skin v4를 사용하고 있어서 다음과 같은 코드로 작성했습니다. /* 특정 경우에 이미지 색을 반전시키는 스타일 */..

[개발자 세팅 공유] 집에서 누워서 코딩하기
How to.2024. 4. 8. 03:32[개발자 세팅 공유] 집에서 누워서 코딩하기

마지막 업데이트: 2024.04.08 쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다. 도입 최근 집에 저만의 코딩 환경을 구축하여서 이를 글로 한번 남겨보려고 합니다. 혹시나 개인 코딩 환경 세팅에 관심이 있으시다면 참고해보시는 것도 추천드리며 세팅에 진심이신분이 계시면 댓글로 공유해주시면 감사하겠습니다. 개요 가벼운 M1 PRO 사용 침대 위 노트북을 둘 수 있는 노트북 거치대 눈뽕 방지용 블루라이트, Dark Reader를 활용 위와 같은 이유로 키보드 라이트 끔 팔에 피쏠릴까봐 블루투스 키보드를 활용 마우스 제로를 위해 vim 설정 애용. (ide, chrome은 vim만으로 사용) 위와 같은 이유로 github 등 환경에서 명령어 지향 목 건강을 위한 라텍스 베게 상세한 설명이..

How to.2024. 3. 14. 17:36티스토리 특정 게시글 광고 제거하는 법

다음 css 코드를 광고 제거하고자 하는 게시글의 html 수정을 통해 삽입하면 됩니다. 참고로 html 재수정을 하더라도 태그는 볼 수 없으니 본 글을 북마크 해두시는 것을 추천드립니다. 코드 원리 revenue_unit_wrap, adsbygoogle 클래스가 달려있는 광고를 display: none을 통해 제거합니다. adsbygoogle 클래스의 경우 인라인 스타일을 이용하여 display 옵션을 주었기 때문에 css 최상위 우선순위 important을 주었습니다. 적용 예시 광고 제거 된 글: 5년차 네이버 면접관이 말하는 함께하고 싶은 개발자 광고가 있는 글: [한빛미디어 서평단] 헤드퍼스트 자바 - 자바로 여는 무한한 객체지향 세계

vim adventue 6 - 3 solution
How to.2023. 10. 28. 14:46vim adventue 6 - 3 solution

rB - e - e - x - j - j - ^x - w - w - l - rt - e - x

vim adventure 6 - 1 solution
How to.2023. 10. 28. 14:07vim adventure 6 - 1 solution

go down side b * 3 times dw

Github Convention 깃헙 컨벤션 정리/모음
How to.2023. 8. 21. 15:37Github Convention 깃헙 컨벤션 정리/모음

Github 컨벤션은 목적에 따라 필요할수도 있고, 오히려 과할 수도 있습니다. 팀단위로 진행하는 프로젝트에서 컨벤션이라는 추상화를 통해 불필요한 커뮤니케이션을 줄일 수 있어 유용하며, 이후 취업 준비 중에는 본인의 역량을 github issue, PR에 깔끔하게 정리하여 깔끔하고 매력적인 포트폴리오를 만들 수 있습니다. 글에 들어가기 앞서 본 컨벤션이 적용된 Repository와 Github Convention 정리 글을 알려드립니다. 경남 경매 서버 레퍼지토리(Spring boot) 경남 경매 서버 레퍼지토리 서버 코드 github.com Code Convention 경남 경매 서버 레퍼지토리 컨벤션 Wiki github.com 내가 선정한 올바른 Github Convention의 조건 각자가 맡은 ..

"우아한 도적질"
How to.2023. 4. 9. 19:26"우아한 도적질"

우아한 테크 블로그를 읽다가 양질의 파일럿 프로젝트들이 공개되어 있는걸 처음 알았습니다. 테크 블로그 사랑합니다. 우아한 형제들 개발자들이 고민한 흔적들이 기록되어 있어서 이를 정리하고 정리본을 공유하려고 합니다. 공부할 때 사용하면 좋을 것 같습니다. 노션 페이지 Nest.js로 풀어보는 중인 레퍼지토리

iterm2 자동 완성 플러그인 적용하기(zsh-autosuggestions)
How to.2022. 9. 20. 21:15iterm2 자동 완성 플러그인 적용하기(zsh-autosuggestions)

설정 방법:https://github.com/zsh-users/zsh-autosuggestions/blob/master/INSTALL.md item2에 아래 코드를 실행해 플러그인을 설치합니다. git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions vi ~/.zshrc plugins를 입력하여 .zshrc 파일을 수정할 수 있는 vi 환경으로 이동합니다. plugins에 zsh-autosuggestions를 아래와 같이 추가합니다. 이후 읽기모드에서 :wq를 입력하여 나오시면됩니다. iterm2를 껐다 켜보면 잘 실행됩니다!

How to.2022. 8. 26. 14:47Mac 맥, permission denied 에러

김영한님 JPA 실전 강의를 보다가 터미널로 h2 DB를 실행시키려는데 permission denied에러가 나왔다. 이에 대한 해결 방법을 공유하려고 한다. chmod 755 [파일이 있는 경로] 예시)chmod 755 ./h2.sh change mode의 준말이다. 유닉스 계통의 명령어이다. 755의 의미는 각 자리수마다, rwx의 의미를 가지고 있다. read, write, excute라는 뜻이다. 755에 대한 의미는 아래에서 보겠습니다. 이렇게 하면 실행된다. 파일 권한 755에 대한 이해 파일 소유자 권한 그룹 사용자 권한 기타 사용자 권한 r w x r w x r w x 2^2 2^1 2^0 2^2 2^1 2^0 2^2 2^1 2^0 755면, 4 + 2 + 1 = 7 4 + - + 1 = ..

[Mac] 맥 Postgresql 로컬 환경 구축하기
How to.2022. 7. 17. 21:11[Mac] 맥 Postgresql 로컬 환경 구축하기

설치brew로 postgresql을 설치해줍니다. brew install postgresql 버전 삭제 등의 이유로 문제가 될 수 있으니 에러가 난다면 install을 실행해주시면 됩니다! 서비스 시작 brew services start postgresql 이런식으로 오류가 뜬다면, brew services restart postgresql를 입력하여 재시작해주세요. psql 접속 psql postgres 를 입력하면 postgresql에 접속이 됩니다. 롤 생성 CREATE ROLE {롤 이름} WITH LOGIN PASSWORD '{비밀번호}'; 롤이 제대로 생성되었는지 확인하기 \du 각 컬럼은 롤 이름, 권한, 소속 멤버입니다. 유저한테 권한 부여 ALTER USER {롤 네임} WITH supe..

개발 블로그 시작하기
How to.2022. 6. 19. 17:06개발 블로그 시작하기

Why is Blog? 유능한 개발자가 되기 위해서는 개발 블로그를 운영해야한다. 블로그 글을 작성함으로써 얻을 수 있는 이점은 다음과 같다. 성장을 가시화 할 수 있다. 비판적 사고를 가질 수 있다. 하나의 스펙이 된다. 생각 정리를 할 수 있다. 공부 내용을 확실히 이해할 수 있다. 빠르게 성장할 수 있다. 댓글로 피드백을 받을 수 있다. etc.. 반드시 블로그를 운영해야하는가? 그것은 아니다. 하지만 블로그를 운영하며 공부한다면 빠른속도로 성장할 수 있다. 포스트 해야한다는 강박증을 가지지 말고, 자신이 공부한 내용을 확실히 공부하고 재학습한다고 생각하면 좋다. 내가 지금까지 본 개발자 블로그는 크게 다음과 같은 목표를 가지고 있었다. 개인 공부 브랜딩 목적 || 취업 How to Start? 개..

How to.2022. 6. 17. 17:53컴공과 개발자 군대 보직 추천

20살 미필 학생 개발자가 군대를 어떻게 갈지 눈물 흘리며 정리하였습니다. 다른 꿀보직 있으면 댓글로 알려주세요. ㅠㅠ 내가 찾아본 결과 그나마 컴공이 갔을 때 배워 올 수 있는게 있다 싶은 직무들은 아래와 같았습니다. SW 개발병(육, 해, 공) = 개발병 저는 이거 지원할 예정, 다시 글로 정리할게요. 자격 : 컴퓨터 관련 학과 2년 수료 이상자, 관련 자격증 취득자 하는 일 : 사무실 근무하면서 프로그램 개발/유지보수 주로 컴퓨터학과 3~4년 수료 후 지원합니다. SW마에스트로 선발/연수자는 추가점수가 있습니다. 정보 보호병(육, 해, 공) = CERT병 따로 공부할 시간이 있고, "보안쪽으로 공부한다" or "컴퓨터 만질 수 있는 직무를 빨리 가고 싶다." 추천 자격 : 보안 관련 학과 전공자, ..

학생 개발자 스펙 쌓는 방법
How to.2022. 5. 24. 18:19학생 개발자 스펙 쌓는 방법

개발 시장은 ONLY 스펙으로만 경쟁합니다. 현직자라면 현재 다니고 있는 회사를 다니거나 개인 공부로 스펙을 쌓을 수 있지만 학생 개발자는 이런 로드맵이 적어서 한번 정리해봤습니다. 0. 본인의 목표 정하기. 창업에 관심있는지, 취업에 관심있는지? 목표 직무가 어디인지? (프론트엔드, 백엔드, Iot, 보안 etc) 본인의 최종 목표를 이룰때 도움이 되는 것을 위주로 준비하시면 좋습니다. 만약 아직 목표가 정해지지 않았다면, 여러 경험을 쌓아보는 것을 목표로 하셔도 좋습니다. 1. 토이프로젝트 본인의 목표에 맞게 준비하세요. 프론트라면 UI/UX를 높이는 것이 중요하고, 백엔드라면 서비스를 직접 만들어보세요. 프론트는 퍼포먼스, 백엔드라면 비즈니스 적 로직을 작성하는 데에 집중하는 것이 좋겠지요. 토이프..

성장력을 극한까지 높히는 방법 : 롤 다이아 3개월만에 찍는 법
How to.2022. 3. 6. 00:17성장력을 극한까지 높히는 방법 : 롤 다이아 3개월만에 찍는 법

나는 원래는 게임 이야기를 안하려고 했다. 게임을 오래 했다는게 별로 좋아 보아지도 않기 때문이다. 하지만 나의 롤모델이신 향로님도 게임에 관한 글을 쓰신 글을 읽고 게임을 주제로 이야기해보려고 한다. 롤에 중독수준으로 빠졌던 적이 있다. 4000시간 플레이.. 현생으로부터의 도피목적이었던 것 같다. 내 주변에 롤 티어를 올리려는 친구가 많은데, 그 중 나를 제외한 사람 중 목표를 달성한 사람은 못본거 같다. 오늘은 성장력을 올리는 방법에 대해 이야기해보려고 한다. 내 티어그래프를 보면 성장 그래프가 아주 가파르다. 친구들과 기간 내에 티어올리기 내기를 하면 전부 이겼다. 롤을 조금 해봤다 하는 사람이라면 플레는 게임만 많이하면 쉽게 달성할 수 있다고들 한다. 나도 아주 공감한다. 하지만 다이아는 노력 ..

소프트웨어 마에스트로 11기 12기 13기 문제 유형 정리
How to.2022. 1. 26. 19:34소프트웨어 마에스트로 11기 12기 13기 문제 유형 정리

소마에서는 문제 유형을 공개하기 않기 때문에 11기 12기 연수생분들의 후기글을 정리하였습니다. 때문에 절대로 정확한 정보가 아니며 참고용으로만 사용하시면 굉장히 좋을 것입니다. 제가 모은 자료에서의 소마 근 3년간의 코테 유형은 다음과 같습니다. 코딩 문제 중 복수의 접근방법을 가진 문제가 있습니다. 11기, 12기 연수생분들의 접근 방법에 따른 문제 유형이기 때문에, 문제 수가 적어도 문제 유형이 많을 수도 있습니다. 소마 11기 코테 SWM 11기 1차 코딩테스트 3 1 1 알고리즘 SQL web 구현 그리디 완전탐색 (브루트 포스) BFS select 웹 통신 API(JS fetch api) SWM 11기 2차 코딩테스트 3 1 1 알고리즘 SQL web DP BFS/DFS 유니온 파인드(Unio..

리눅스 서버 비밀번호 바꾸는법
How to.2021. 11. 11. 16:00리눅스 서버 비밀번호 바꾸는법

리눅스로 비밀번호 바꾸는 법은 다음과 같습니다. ​ passwd [사용자 이름] 새로운 비밀번호 새로운 비밀번호 재입력

포트포워딩 하는법, Putty로 서버 접속 [네이버 클라우드 플랫폼]
How to.2021. 11. 10. 16:00포트포워딩 하는법, Putty로 서버 접속 [네이버 클라우드 플랫폼]

네이버 클라우드 플랫폼 서버 접속 서버 포트포워딩 Putty로 서버 접속하기 ​ 전편과 이어집니다. https://blog.naver.com/more_neighbors/222416528222 ​ 전편의 글을 잘 따라오셨으면 서버는 이런 형태를 가지고 있을 것입니다. 리눅스 서버에 접속하기 위해서는 외부포트를 생성해주어야합니다. 외부포트를 생성하기 위해서 포트포워딩을 설정해봅시다. ​ ​ ​ 포트포워딩 설정하기 포트포워딩 설정할 서버를 선택하고, 포트포워딩 설정을 클릭합니다. ​ 외부 포트를 '8000'으로 입력한 후 [추가]버튼을 누릅니다. 이 포트는 서버를 접속할 때 사용됩니다. 외부 포트로는 1024 ~ 65534 범위의 값을 입력할 수 있습니다. 내부 포트는 22로 정해져 있습니다. ​ 이 상태로 ..

무료로 리눅스 서버 만드는 법 [ 네이버 클라우드 플랫폼 ]
How to.2021. 11. 6. 16:00무료로 리눅스 서버 만드는 법 [ 네이버 클라우드 플랫폼 ]

NCP(Naver Cloud Platform) 무료 서버 여는법을 알려드리겠습니다. 네이버 클라우드 플랫폼의 장점 무료로 이용이 가능하다. 처음 1년간은 무료로 마이크로 서버로 서비스를 이용할 수 있습니다. 한국 거주자 한정입니다. ​ 문의에 대한 답이 빠르다. 개발을 하다 문제가 생겨 여러번 문의를 남겨봤습니다. 아침에 질문하면 당일에 답이 오고, 늦어도 다음날까지는 답변이 옵니다. ​ ​ 이러한 장점들 때문에 코딩을 배우고 있는 분들에게는 많은 도움이 되는 서비스라고 생각합니다. 아직까지는 강의글이 적다는 단점을 가지고 있긴 합니다. ​ ​ ​ 서버 만들기 회원가입 & 결제 수단 등록 https://www.ncloud.com/ 위 링크로 접속합니다. 회원가입 후, 결제 수단까지 등록해주세요. 무료 서..

반응형
image