프로그래머스 코딩테스트 Lv.0 뿌셔뿌셔 사유 : 퇴사 후 두달정도 쉬었더니 뇌가 굳음 🤯 다시 말랑팔딱해지기 위해 알고리즘 뿌셔뿌셔 도전 기록! 1번 / 문자열 겹쳐쓰기 (JS) 문제 설명 문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. function solution(m_str, o_str, s) { return m_str.slice(0, s).concat(o_str).concat(m_str.slice(o_str.length + s)) } 2번 / 문자열섞기 (JS) 문제 ..
사내 개발책읽기 스터디 - 리팩터링(2판)
우당탕탕 사내 개발 스터디 참여기 정말 오랜만에 글을 쓴다. 회사를 다니다 보니 평일엔 일하고, 주말엔 취미생활을 하고... 문득 정신을 차려보니, 개발 공부 의지가 적어지고 게으른 내가 보였다. 이대로 가다간 영원히 쓸모없는 개발자가 될지도 모른다는 생각에 공부할 책을 찾아보고 있었는데 정말 기쁘게도 때마침 JS 버전의 리팩터링(2판) 사내 스터디를 모집한다는 슬렉이 올라왔다! 바로 참여하고 OT를 진행했다. 일주일에 100페이지 이상씩 읽어 5~6주 차엔 완독을 하는 것을 목표로 달린 사내 스터디, 내용이 정말 어렵고 힘들었지만 개인적으로 많은 도움과 자극을 받았다. 오늘은 책을 읽으며 그동안 몰랐었던 용어들을 정리하며, 간단한 독후감? 후기를 쓰려 한다. 아직도 어려운 개발용어들 개발자로 일하기 시..
CSS로 HOVER를 이용한 배경 그라데이션 효과 만들기
🌈 HOVER 배경 그라데이션 효과 만들기 🌈 오늘도 코드펜에서 hover 이벤트를 둘러보다가 발견한 배경 그라데이션 효과를 응용해서 만들었다. GIF 화질이 굉장히 안좋은데 어쩔수없지... 실제 화면에서는 훨씬 예쁘게 나온다. 어려운 기술도 없으니 한번 작업해보자! 이미지가 움직이지 않는다면 클릭하자! CodePen 코드 확인하기(0.5X로 확인하자) See the Pen Background Gradient Hover Envet (ver.SNS) by hyoj_lee (@ovovv) on CodePen. 코드를 분석해보자!🧐 😎 배경과 아이콘은 분리해서! 변화하는 배경색은 body를 수정한것이 아닌, 배경색을 담당하는 div로 만들어진다. 두개의 태그는 분리되어 존재한다. 세가지 아이콘을 전부 넣으면 ..
