\(@^0^@)/

- css font 관련 속성 word-break break-all 오버플로를 방지하려면 두 문자 사이에 단어를 분리해야 함 (중국어/일본어/한국어 텍스트 제외). keep-all 중국어/일본어/한국어(CJK) 텍스트에 단어를 분리하면 안 됨. break-word https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap - JS 기본 문법 - JavaScript progress_bar Progress bar : 아래처럼 스크롤을 내리면 처음엔 회색이었던 상단바가 스크롤한 길이만큼 늘어나 주황색으로 채워지고, 맨 마지막까지 스크롤을 내릴 경우, 프로그래스 바가 모두 주황색으로 변한다. 프로그래스 바를 구현하기 위해 알아야 할 개념들 요소 사이즈와 스크..

- css font 관련 속성 font-family 보통 글씨체는 브라우저에 따라 다른데, 크롬일 경우 설정 -> 모양 -> 글꼴 맞춤 설정에 들어가면 적용되어 있는 폰트들을 볼 수 있다. family-name : family-font의 이름, 예를 들어 "Times"는 글꼴 모음이다. generic-name : 일반 family-font에서 사용 가능한 지정된 글꼴이 없을 경우 대체되는 폰트. serif : 폰트의 스타일이 대체적으로 끝이 뾰족하거나 끝이 가늘어지거나 끝이 갈라져 있음. sans-serif : 일반적으로 평범함. font-family: Lucida, Grande, "Times New Roman", sans-serif; .sansserif { font-family: Times, "Time..

드디어 JS스터디 신청 완료! 저번에 적었던 글들이 다 사라져서 다시 작성하였다.. 헥헥 됐으면 좋겠다~.~ 되면은 조금 더 열심히 살지 않을까..? 나태한 나에게 열정과 의지를! - JS 기본 문법 arguments() 화살표 함수가 아닌 모든 함수 내에서 사용할 수 있는 지역 변수 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments function func1(a, b, c) { console.log(arguments[0]); // expected output: 1 console.log(arguments[1]); // expected output: 2 console.log(arguments[2]); /..

대학 졸업 증명서 발급을 신청해서 오늘 주민센터에 수령하러 갔는데, 너무 오랜만에 그런 곳에 방문을 해서... 신분증이 필요한 것을 깜박했다ㅠㅠ 낼 다시 가야지.....^^ - JS 기본 문법 배열의 length을 다룰 때 조심해야 할 점 index 0부터 2까지 값을 넣고 + 9번째 배열까지 해서 해당 arr의 length가 4라고 생각할 수 있지만, 배열의 3번째부터 8번째까지 6개의 배열도 empty로 간주되어서, 결국 length는 10으로 뜬다. 따라서 JS배열을 다룰 때는 각 배열의 요소를 잘 살펴봐야 함. 배열의 empty를 확인하기 좋은 메서드로는 foreach가 있음) - JavaScript baseball 오늘은 야구게임에 대해 구현해보자! 야구게임은 10번의 시도로 4자리의 숫자를 맞..

지난주부터 미루던 [프로그래머스 X 임팩트 캠퍼스] 프런트엔드 개발을 위한 자바스크립트 (feat.VanillaJS) 15기 스터디 모집 신청을 하려 했는데.. 갑자기 오늘 프로그래머스 사이트를 보니까 모집 마감인 거 같아서 합격될지는 잘 모르겠다ㅠ 졸업증명서?를 뽑아야 하는데 그건 또 오프라인으로만 수령받을 수 있어서 아마 내일 오전에 최종 신청할 것 같다. 될지 안될지는 모르겠지만 그래도 안 해보는 것보단 나으니까 우선 도전~! - JS 기본 문법 삼항 연산자와 if 문의 차이 삼항 연산자는 값만 들어갈 수 있고 if문은 값, 식, 문 (for, switch, if 등) 모든 것이 들어갈 수 있음. typeof / instanceof typeof로 primitive타입 primitive타입이라면 알맞..

- JS 기본 문법 NaN : Not a Number로 숫자가 아니라는 뜻. 오류는 아니고 Js에서 인정한 문법이다. 숫자로 읽어낼 수 없다. 잘못된 계산 결과식 정의할 수 없는 결과식 문자열이 포함된 계산식 (덧셈 제외) // 느슨한 검사 isNaN(undefined); // true isNaN({}); // true isNaN('문자열'); // true // 엄격한 검사 ES2015+ Number.isNaN(undefined); // false Number.isNaN({}); // false Number.isNaN('문자열'); // false Infinity : 말 그대로 무한대를 나타내는 숫자 값. 지수 1023까지만 허용되고, 그 이상은 Infinity로 나타남. isFinite으로 확인 가능..

요새 조금 바깥 생활을 했더니 점점 공부하기 싫어지고 마음이 붕 뜬다..^^ 날씨가 너무 좋아서 계속 나가고 싶네~ 이럴 때일수록 마음을 다잡아보자..! 백수인데도 금토일만 되면 왜 이렇게 집중이 안되는지 의문^^ - JavaScript to-do-list 배웠던 to-do-list + pagination을 복습하고 정리하자. https://dev-minju.tistory.com/176 - 자료구조 / 알고리즘 (Js ver.) 강의 반복문, 조건문을 풀다가 슬슬 js 함수를 이용하는 문제들을 푸니까 점점 헷갈리기 시작한다.. 해당 함수의 mdn을 보고 문제풀이를 하는데도 막히는 부분들이 있다. 꾸준히 하다보면 적응되겠지? [ 출처, 참고 : 제로베이스 프런트엔드 스쿨 ]

오늘은 운동하고 약속도 있었어서 오전, 오후는 공부를 못했고, 힐링 페이퍼(강남언니)의 워니 개발자님의 라이브 세션을 시작으로 저녁 공부 시작! 1. 기본이 제일 중요! 2. 제일 중요한 언어는 영어! 3. 기술을 깊이 고민하고 파보자 4. 코드의 퀄리티를 높이기 5. 문제 해결 과정 블로깅 - JavaScript to-do-list to-do-list 삭제 기능 구현하고, json-server를 활용한 페이지네이션 적용했다. json-server docs를 보니까 그 외에 검색, 필터, 슬라이드 등 뭐가 많던데 주말 동안 한두 개 더 적용해 볼 예정이다. 22:50 저녁 회고 스터디 (만족도 : 5) 아무래도 저녁부터 시작해서 그런지 집중을 많이 못해서, 계획한 목표들을 달성하지 못했음. [ 출처, 참..

- JS 기본 문법 undefined & null js에서 '없음'을 나타내는 두 개의 값이지만 undefined는 정의되지 않은 경우, null은 존재하지 않는 값을 의미한다. 프로그래머 입장에서 명시적으로 부재를 나타내고 싶다면 null을 사용 https://helloworldjavascript.net/pages/160-null-undefined.html - JavaScript to-do-list 수정 버튼 클릭 시 해당 텍스트의 끝쪽에 focus 그냥 단순히 저 요소에 focus()를 줄 경우에는 앞쪽에 focus가 된다. 그래서 뒤쪽에 포커싱을 주고 싶을 경우에는 1. 해당 input의 value를 먼저 상수에 저장해놓고 2. 포커싱을 준 뒤에 3. value값을 공백으로 만들면 이러한 상태가 되..

오늘부터 새로운 계획을 갖고 공부를 할 예정이다.. 내가 너무 이상한 것부터 중점을 두고 공부를 한 것 같다ㅠ 지금 나에게 필요하고 중요한 건 JS와 알고리즘인데 다른 부분들을 먼저 공부하다 보니, 중요한 것들을 놓친 기분이다. 오늘부터는 중요한 것 위주로 공부해보자! - JS 기본 문법 자료구조/알고리즘에서 들었던 문법들과 겹치는 강의들이 많다.. 이걸 또 다 듣고 계속 이론만 공부하다 보면 나태해지고, 시간만 낭비될 것 같아서 모르는 문법들, 듣지 않은 문법들만 학습하고 미니 프로젝트들을 하면서 새로 알게 되거나 부족한 부분들을 다시 공부하는 방식으로 해야 될 것 같음. 어떻게 해야 효율적으로 학습할 수 있을지 매번 고민이 되고 알아가는 중이다. - JavaScript to-do-list json-s..