본문 바로가기

개발

JAVASCRIPT 2022. 1. 19.
니꼬샘 자바스크립트 강의 : padStart, padEnd (feat. 숫자채우기) 글자채우기의 혁명을 보았도다. 내가 이렇게 흥분하는 이유는 아래설명을 보면 이해할 것이다. 아래와 같이 지각생명단에 도착한 시간정보를 적게했다. 단 한글자인 경우에는 무조건 2자리수에 맞춰서 앞에 0이 들어가야한다. 지각생명단 1 보라돌이 08:45:07 2 뚜비 08:55:09 3 나나 08:57:59 4 뽀 09:05:19 기존의 나였다면, 1) 일단 글자를 자르고, 000000001) : padEnd() : 글자 뒤에 붙여줌 ( ex. 1 ----> 100000000) - 사용법 : 코드만 보면 무조건 알수 있기 때문에 예제로 바로 보여드림 const textpadStart =(text)=>{ return text.padStart(5,"*"); } const textpadEnd =(text)=>{ ..
오류분석 :a.k.a 삽질 2022. 1. 19.
무섭도록 못 찾는 오류 : 원인은 ( ) - feat.자바스크립트 간단한 스크립트 예제를 테스트 하는 도중 자주 실수하는 부분이 있어 정리해놓는다. 거두절미하고, 자바스크립트로 시계를 만드는 예제를 만들었다. const clock = document.querySelector("h2#clock"); const getTime = () => { const date = new Date(); clock.innerText = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; }; getTime(); setInterval(getTime(), 1000); 소스를 보면 전혀 문제 없어보이는데 동작하지 않는다. 또 하나의 예제가 있다. 버튼을 클릭시, 멘트 안내하는 간단한 자바스크립트다. const loginBtn = do..
JAVASCRIPT 2022. 1. 12.
Conditionals 확실히 알고있어? : 헷갈리는 개념 복습! JS 챌린지 문제는 유출하지 못하게 명시되어 있으므로, 해당 개념과 비슷한 예제를 사용하여 설명드림을 양해바랍니다. * 강의 출처 및 MDN 출처, 예제출처는 하단에 표기합니다. 자바스크립트를 한다고 하는데도 아직 많이 부족한 걸 느껴서 그런지 여기저기 강의고 자료고 찾아보다가 재미삼아 챌린지 도전을 하고있는데... 내가 이렇게 빡세게 공부한적이 있었던가?? (국비교육과정마저도 널널했던 기억이 난다.) 아침마다 메일로 오는 과제 체크하고 강의 진도 확인하고 문제 풀고 (생각외로 기본지식이 있는건지 현재까지는 무난하게 통과중...) 너무재밌자냐 강의를 들으면서 if / elseif / else 문법을 설명하는게 아니라 기본 개념중에 헷갈리는 부분이 있어 정리한다. [예제] const test = () =>..
blahblahblah 2022. 1. 11.
2021년의 회고 블로그 검색을 하다보니, 연말에 한해를 돌아보는 회고록을 쓰더라. 작년에는 블로그는 전혀 하지 않아서 그동안 내가 공부했던 흔적이나 그동안 느꼈던 걸 볼수 없어서 아쉬울뿐이지만 큰사건이 유난히 많던 한 해길래 나도 한번 소소하게나마 정리하고자 한다 내년회고에는 더욱더 알찬 한해를 보내고 뿌듯한 마음으로 썼으면 좋겠다. 번아웃증후군 +우울증 발발.(2021.03) 그동안 너무 혹독하게 나를 몰아세우며 회사일에 집중하던 순간에 감정을 주체하지 못하기 시작했다. 예민했고, 신경이 날카로웠으며 쉽게 화를 냈다. 그렇게한다고 붙잡고 있는 일은 절대 앞으로 가지 않았으며 그에따라 더욱더 예민해지는 악순환이 반복되었다. 여유를 느낄만한 상황에도 항상 불안해했으며 그때부터 잠을 자지 못했다. 결국, 나는 회사일을 좀 ..
나만또모르지 : 유용한 사이트 2022. 1. 10.
나만또 4탄 : git 배우려는 사람 여기모여라! -learn git branching https://learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 책을 봐도 모르겠고, 실습을 위해 환경을 만들기에는 내가 너무 모른다 싶을때 나만또시리즈4탄이 등장합니다~~ (사실, 이번에 검색해보다가 흥분해서 들고옴) 일단 설명이 너무 간단하다.. 그리고 시각적으로 표현을 너무 잘해서 원리를 머리로 그리기 어려울때 눈앞에서 트리형태를 간단하게 확인하면서 명령어들의 역할을 이해하면서 정리할 수 있다. 강력추천하고 싶은이유는 1. 내가 직접 명령어를 쳐가며 2.현재 위치에서 어떻게 트리가 만들어지고 ..
JAVASCRIPT 2022. 1. 10.
'use strict'을 발견했다면? : strict모드에 관하여 업무 배정 전에 기존 소스를 분석하는 시간을 가지는데 js 상단에 use strict 선언이 있었다. 처음에 1도 이해못하고 js에 이렇게 선언했는데 왜 오류를 안뱉지 하고 찾아보다가 strict 모드를 알게되었다. 1. use strict 가 뭐야? - strict 의 정의를 보면 '엄격한'이라는 뜻을 내포하고 있기때문에 쉽게 말하면 기존 자바스크립트보다 엄격하게 관리하겠다 하는 모드로써 기존에는 오류를 뱉지 않았던 예외처리등도 규칙에 따라 오류를 보여준다. - ES6에서는 default로 strict모드를 사용함. 2. 사용법 : 원하는 곳에 "use strict"; (또는 'use strict';) 를 선언 1] 함수내 선언 : 해당 함수블록만 strict 를 적용할 수 있음 function str..
나만또모르지 : 유용한 사이트 2022. 1. 10.
나만또 3탄 : ES6 -> ES5 소스변환이 가능하다고?ES6 console * 출처를 표기합니다!!! https://blackgoatdev.tistory.com/20 ES6 코드를 ES5 코드로 변환 ECMAScript 6 문법으로 작성한 코드를 ECMAScript 5 문법으로 변환해주는 사이트가 있습니다. 사이트 주소는 https://es6console.com/ 인데요. 공부에 많은 도움이 됩니다. 사이트에 연결하면 두 개의 패널로 blackgoatdev.tistory.com 이직한 곳에서 업무 배정 전 공부하면서 이리저리 보고있다가 유용한 사이트를 알게되었다. 아니, 나만또모르지 취지에 너무 적절하지 않은가 싶다. 우연찮게 검색하다가 발견한 블로거님의 2017년도 게시글 (2022년에 발견한 ...나는 처참한 심정) 진짜 이게된다고? 싶어서 부랴부랴 이것저것 테스트 했는데 ..
나만또모르지 : 유용한 사이트 2022. 1. 7.
나만또 2탄 : 변수명이 짓기 어렵다면? curioustore https://www.curioustore.com/#!/util/naming Curioustore 변수명 짓기, 컬럼명 짓기, 영어약자, 変数名 つけ方, カラム名建てる, 英語の略語, 命名变量, 命名该列, 英文缩写 www.curioustore.com 자자, 한번쯤 변수명때문에 사전켜본사람! 다들 들어와보시라- 전 직장에서 변수명때문에 꽤나 고생하고있을때 절친했던 직장동료가 알려준 사이트이다. 내가 오히려 역정을 냈던 기억이 있다. 아니, 나 고생하는거 알면서 이제 알려주냐고 .. 이런건 미리미리 공유해줬어야지!! 요 사이트도 역시 딱 필요한 기능만 추가해놔서 직관의 끝판왕임 그냥 내가 변수로 설정하고 싶은 이름을 검색하면, DB명과 추천변수명 을 확인할수 있다. 안타까운게 2019년에 업데이트가 멈췄다는거..
나만또모르지 : 유용한 사이트 2022. 1. 7.
나만또 1탄 : jsbin https://jsbin.com/?js,console JS Bin Sample of the bin: jsbin.com 이직 후 절실하게 공부를 해야겠다는 생각을 뼈저리게 하던 와중에 검색하다가 좋은 사이트를 알게되었다. vscode를 쓰기 전에는 매번 스크립트 를 여기서 공부하면서 했지요! 일단 굉장히 객관적이다!! ㅎㅎㅎ 상단 버튼으로 내가 보고싶은 콘솔을 선택할수 있음!! html 코드와 함께 js 및 css 설정, console까지!! ES6 초반에 따로 프로그램 설치하지 않아도 간단히 실습할수 있어서 강의나 문제보면서 너무 좋았었다. 심지어 제일 좋은점은 로그인이 필요없다는거!!!(추가로 다양한기능을 제공하나, pro버전이 있다.) 게다가, 가장 큰 메리트는!!!! 다양한 라이브러리를 이용하여 사..
나만또모르지 : 유용한 사이트 2022. 1. 7.
나만또 시리즈 시작! 아니, 현업에 있으면서도 눈이 이리 어두워서야 좋은 사이트 및 정보들이 그득그득한데도 눈가리고 오로지 이클립스만 고집함 (일에서만큼은 초보수적인 나란인간) 그래서 나만또모르지 시리즈를 만들게됐다. 1. 나만알수 없지 : 정보공유 2. 또 까먹으니까 메모메모 !! 3. 공유하기 위해 새롭게 트랜드분석까지 일석삼조의 효과를 기대하면서 ㅎㅎㅎㅎ 좋은거 있으면 다같이 나눕시다. : )

티스토리툴바