Front End
-
[JavaScript] Toy Project - 계산기 만들기 ( Calculator )Front End/JAVASCRIPT 2022. 3. 2. 06:56
안녕하세요 여러분 야매 코린이 까불린입니당 ~ 오늘 하루도 잘 보내셨나요? 전 요즘 호텔 포트폴리오 도안을 기획해보는 중이에요. 이번엔 전에 사용했던 코드들 보다 훨씬 더 '클린?' 하고 재사용성면에서 보다 발전된 포트폴리오를 제작해보고자 다시 한번 HTML Tag 들과 CSS, Sass 개념을 바로 잡고 있는 중인데요~ 정말 머리를 쥐어짜내야하는 고통인 것 같아요.. 하지만 전 이렇게 효율성을 중요시하고 고민하고 고민하는 기획이 너무 즐겁답니다 ! 이걸 코드로 풀어내서 결과물을 볼때의 그 희열은 말해 모해..♥️ 여러분도 같은 마음이셔서 이렇게 코딩공부 하시는거겠죠? 하지만, 역시 코린이는 하루이틀 자바스크립트 공부 안하게되면 뭔가 조금 개념을 알 것도 같더라고 다시 잊는 것 같아요. 할 때 꾸준히 공..
-
[JavaScript] 비디오 풀스크린 기능 구현Front End/JAVASCRIPT 2022. 2. 25. 18:40
안녕하세요 여러분 까불린입니다 ! 오늘은 제가 포트폴리오 진행을 하다가 배운 풀스크린(fullscreen) 기능을 말씀드리려고 해요! 포트폴리오 내의 버튼을 클릭해서 비디오 풀스크린 모드를 실행하기 위해 쓴 방법입니다 ! 전체화면으로 전환 document.documentElement.requestFullscreen() 실질적으로 코드에 적용하실때에는 아래 처럼 사용하실 수 있으세요 ! const fullscreen = element => { element.requestFullscreen() } 전체화면 끄기 document.exitFullscreen() 실질적인 코드사용은 아래와 같습니다 ! const exitFullScreen = () => { document.exitFullscreen() } 토글 저..
-
[Github] 커밋명 변경하기/푸쉬명 변경하기Front End 2022. 2. 17. 01:25
안녕하세요, 어느덧 코딩을 시작한지 4개월차에 접어든 비전공자 찐코린에요. 혼자서 이것저것 해보려니 문제에 맞닥드렸을 때, 주변에 개발자가 없어 물어볼 사람이 없다보니, 해결하는 시간이 꽤 오래 걸리는 편이더라구요. 그럴 때 마다, 구글 써칭은 나에게 정말 많은 도움을 주고 있습니다 ! (물론 엄청난 시행착오를 매일매일 겪고있지만..) 오늘은 혼자서 아등바등하며 차차 익숙해진 깃헙 사용중 일어난 일을 해결할 수 있는 방법에 대해 적어보고자 합니다 ! Github(깃헙)을 사용하다 Commit(커밋)을 커밋명 없이 푸쉬해버렸을 때의 대처방법 구글써칭을 하며 찾은 방법들이 다양했고, 터미널을 열어서 어쩌고 저쩌고 하는 말들이 많았지만, 제가 겪었던 시행착오들을 같은 코린이분들이 맞닥들이지 않게끔 하기 위하여..