\(@^0^@)/

지난주부터 미루던 [프로그래머스 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을 보고 문제풀이를 하는데도 막히는 부분들이 있다. 꾸준히 하다보면 적응되겠지? [ 출처, 참고 : 제로베이스 프런트엔드 스쿨 ]

백엔드없이 to-do-list를 만들기 위해 full fake REST API인 json-server를 사용하였음. 그리고 to-do-list를 구현하면서 추가한 기능 pagination를 정리해보려 한다. 1. route 설정 현재 페이지를 나타내줄 _page와 한 페이지 당 데이터의 갯수를 나타내 줄 limit을 요청하기위해 fetch로 GET을 불러오는 getTodos함수의 url을 아래와 같이 변경해주었음. 그렇게 변경하고 해당 페이지를 새로고침 하니, url이 아래와 같이 변경되었다. 2. pagination 구현을 위한 값 설정. 현재 페이지 총 데이터의 갯수 (백엔드와 연결된 것이 아니기에 내 데이터의 갯수를 넘길 수는 없고, 임의로 설정해야 함) 화면에 나타날 페이지 갯수 한 페이지 당 나..

오늘은 운동하고 약속도 있었어서 오전, 오후는 공부를 못했고, 힐링 페이퍼(강남언니)의 워니 개발자님의 라이브 세션을 시작으로 저녁 공부 시작! 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값을 공백으로 만들면 이러한 상태가 되..

오늘 읽은 범위 : (프로토타입) p.160 ~ p.174 프로토타입 체인 메서드 오버라이드 인스턴스가 동일한 이름의 프로퍼티 또는 메서드를 가지고 있는 상황이라면? var Person = function (name) { this.name = name; }; Person.prototype.getName = function () { return this.name; }; var iu = new Person('지금'); iu.getName = function () { return '바로 ' + this.name; }; console.log(iu.getName()); // 바로 지금 당연히 iu.__proto__.getName이 아닌 iu 객체에 있는 getName 메서드를 호..

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

이제 내일이면 스쿨 개강하니깐 오늘부턴 정신 차려서 해보즈아 맨날 정신 차리자는 말만 하는 건 내 착각이겠지...?😓 할 수 있다❗❗❗❗ - css 속성 학습 상속 제어하기 - initial, inherit, unset initial 가끔 개발자 도구에서 이러한 값들을 봤었는데 뭔지 몰라도 찾아보려 하지 않은 과거의 나... 각 스타일 속성에 initial을 적용할 경우, 상속이 제어된다. 모든 스타일들을 상속받고 싶지 않다면 맨 오른쪽의 스타일 코드처럼 all을 사용하면 편함. inherit inherit은 initial과 반대로 상속 요소의 스타일 값을 최우선으로 적용해주는 속성이다. 따라서 맨 오른쪽의 개발자 도구 이미지를 보면 .parent2에만 해당 값을 추가해주었을 경우에 1. .parent2..

- css 속성 학습 가상 클래스 선택자 active active는 마우스를 누르는 순간부터 떼는 순간까지 작동하며, 일반적으로 , 요소에 사용됨. active는 자신보다 뒤에 위치하고 동등한 클래스가 (:link, :hover, :visited) 덮어쓰기 때문에, LVHA (:link - :visited - :hover - :active) 순으로 디자인해야 함. active 규칙을 다른 모든 링크 규칙들보다 뒤에 배치. 가상 요소 선택자 first-letter, first-line, selection, before, after 가상 클래스 선택자는 selector:active 같이 콜론을 하나 붙이지만, 두 개 붙여주는 것이 좋음. first-letter는 말 그대로 첫 번째 글자, first-line..