까불린의 야매 코딩뱅크 ( KB Code Wikipedia ) 까불린의 야매 코딩뱅크 ( KB Code Wikipedia )

안녕하세요 여러분 야매 코린이 까불린입니당 ~ 오늘 하루도 잘 보내셨나요? 전 요즘 호텔 포트폴리오 도안을 기획해보는 중이에요. 이번엔 전에 사용했던 코드들 보다 훨씬 더 '클린?' 하고 재사용성면에서 보다 발전된 포트폴리오를 제작해보고자 다시 한번 HTML Tag 들과 CSS, Sass 개념을 바로 잡고 있는 중인데요~ 정말 머리를 쥐어짜내야하는 고통인 것 같아요.. 하지만 전 이렇게 효율성을 중요시하고 고민하고 고민하는 기획이 너무 즐겁답니다 ! 이걸 코드로 풀어내서 결과물을 볼때의 그 희열은 말해 모해..♥️ 여러분도 같은 마음이셔서 이렇게 코딩공부 하시는거겠죠? 하지만, 역시 코린이는 하루이틀 자바스크립트 공부 안하게되면 뭔가 조금 개념을 알 것도 같더라고 다시 잊는 것 같아요. 할 때 꾸준히 공..

안녕하세요 여러분, 코린이 까불린입니다. 오늘은 제가 포트폴리오 기획을 하려고 더 이상 포토샵이나 일러가 아닌 시도해본 피그마에 사용하려 설치한 플러그인들중에 가장 유용하고 잘 쓰게 됐던 몇가지 플러그인을 소개하려고 합니다! 참고로 피그마 플러그인을 설치하시려면, 홈 맨 첫번쨰 화면의 Community를 클릭하시면 된답니다! 그럼 아래와 같은 화면이 나올거에요 ! 자, 이제 검색을 시작해볼까요? 1. Material Design Icons 추가할 아이콘을 찾고있으시다면 Material Design Icons 정말 강추합니다! ʕ”̮ॽु 너무 찾기 쉽게 되어있고, 후에 아이콘을 커스터마이징도 할 수 있어서 굉장히 편리해요 ! 2. Iconify Material 과 같이 양대산맥을 이루는 플러그인이라고 합니..

안녕하세요 여러분 까불린입니다 ! 오늘은 제가 포트폴리오 진행을 하다가 배운 풀스크린(fullscreen) 기능을 말씀드리려고 해요! 포트폴리오 내의 버튼을 클릭해서 비디오 풀스크린 모드를 실행하기 위해 쓴 방법입니다 ! 전체화면으로 전환 document.documentElement.requestFullscreen() 실질적으로 코드에 적용하실때에는 아래 처럼 사용하실 수 있으세요 ! const fullscreen = element => { element.requestFullscreen() } 전체화면 끄기 document.exitFullscreen() 실질적인 코드사용은 아래와 같습니다 ! const exitFullScreen = () => { document.exitFullscreen() } 토글 저..

안녕하세요, 어느덧 코딩을 시작한지 4개월차에 접어든 비전공자 찐코린에요. 혼자서 이것저것 해보려니 문제에 맞닥드렸을 때, 주변에 개발자가 없어 물어볼 사람이 없다보니, 해결하는 시간이 꽤 오래 걸리는 편이더라구요. 그럴 때 마다, 구글 써칭은 나에게 정말 많은 도움을 주고 있습니다 ! (물론 엄청난 시행착오를 매일매일 겪고있지만..) 오늘은 혼자서 아등바등하며 차차 익숙해진 깃헙 사용중 일어난 일을 해결할 수 있는 방법에 대해 적어보고자 합니다 ! Github(깃헙)을 사용하다 Commit(커밋)을 커밋명 없이 푸쉬해버렸을 때의 대처방법 구글써칭을 하며 찾은 방법들이 다양했고, 터미널을 열어서 어쩌고 저쩌고 하는 말들이 많았지만, 제가 겪었던 시행착오들을 같은 코린이분들이 맞닥들이지 않게끔 하기 위하여..