인생 1회차 (First-Life) Ing

innerHTML 태그를 포함한 모든 HTML을 반환 innerText 웹 브라우저 화면에 렌더링 되는 (=눈에 보이는) 값만 반환 노드로 저장되지 않는 텍스트 데이터는 제외(폼 요소 안에 작성한 텍스트) textContent 태그 안의 모든 (=눈에 보이지 않는) 텍스트 반환 (, 태그 포함)

trim( ) 앞 뒤의 공백을 제거해주는 함수 ( trimStart( ) : 앞 / trimEnd( ) : 뒤) let a = " a b c d e "; a.trim(); // 'a b c d e' replace( ) 정규식을 함께 이용하여 공백 제거 let text = ' a b c d e'; let regex = / /gi; text.replace(regex, ''); // 'abcde'

문제 리액트에서 import 시 경로가 react/cjs/react.production.min 처럼 들어올 때 해결방법 npm install --save @types/react

✔️ 오류문구 warning: LF will be replaced by CRLF in package.json. The file will have its original line endings in your working directory 오류가 나는 이유 CR(Carriage-Return) : 현재 커서를 줄 올림 없이 가장 앞으로 옮기는 동작 LF(Line-Feed) : 커서는 그 자리에 그대로 둔 상황에서 종이만 한 줄 올려 줄을 바꾸는 동작 CRLF(Carriage-Return+Line-Feed) : 줄바꿈 OS마다 줄바끔에 대한 문자열이 다르기 때문에 git에서 어느 쪽을 성택해야 할지 경고 메시지를 띄운 것! ❗ 해결방법 window 명령어 git config --global core.autoc..

회원가입 페이지는 백엔드 개발자 분과 함께 만들어보는 거라 깃헙에도 남기고 싶어서 저장소도 새로 만들었다 권한도 나눠 갖고 내 컴퓨터에 clone을 해야 되는데.. 문제는! 지금 쓰고 있는 Vscode 예전 사람이 이미 사용하던 것이라 clone 하는 순간부터 무수한 에러 발생.. 일단 사용자부터 바꿔주고 git config --global user.name '이름' git config --global user.email '이메일' 😈 오류시작 ✔️ remote: permission to ❗A라는 유저가 '최초' 글로벌 유저 등록을 하고, 나중에 B라는 아이디로 다시 글로벌 유저 등록을 해서 push를 하려할 때 여전히 A의 github 아이디가 나오는 오류 제어판 -> 사용자 계정 -> Windows ..

회원가입 페이지 만들기 드디어 내 힘으로 회원가입 페이지를 만들어 보게 됐다 :) 사실 진작에 했어야 되는데 백엔드 처리하는 것도 막막하고 혼자 뭘 해보기가 겁나서 계속 미루고 있었.. 이번에는 (반강제로 하는거긴 하지만) 백엔드 봐주실 분도 있어서 좋은 공부라고 생각하고 시작🙌 일단 어떻게 짜야할지 구글링으로 많이 찾아보고 잘 정리된 블로그를 찾아서 그거 보고 많이 참고했다! (어떤 항목을 넣을지, 해당 항목에 체크해야할 리스트 등) 그리고 처음으로 백엔드도 경험하는 거니까 협업 경험 해볼 겸 노션, 깃헙저장소, 슬랙도 만들었다!!! (비록 단둘이지만ㅋㅋㅋㅋㅋㅋㅋㅋ) 노션 페이지는 내가 만들어서 공유하고 깃헙은 백엔드 분이 해주시기로! UI 따로 디자인이 있는 게 아니라서 피그마 공부도 할 겸 내가 뚝..

검색 최적화 검색자의 의도를 이해하고 이에 충실한 웹 페이지를 제작 검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 것 검색 최적화 방법 홈페이지 구조 개선 (시맨틱 마크업) 올바른 메타 태그 활용 이미지에 alt 속성 기재 (시작자료를 텍스트로 설명 = 웹 접근성) 모바일 친화적 웹 (meta name="viewport" 태그를 통해 검색엔진에 해당 사이트가 모바일 친화적이라는 것을 알려주는 것이 최적화 점수를 많이 받을 수 있는 방법) 연관성 있는 양질의 컨텐츠 핵심적인 웹 지표(LCP, FID, CLS)와 로딩지표 LCP : 사용자가 URL을 요청한 시점부터 페이지 내에서 시작적으로 가장 큰 콘텐츠를 그리는 데에 걸리는 시간 FID : 웹 페이지..

ES란? ECAMSCRIPT의 약자로 자바스크립트의 표준 규격을 나타내는 용어 ES5 (2009년) ES6(2015년)출시 매년 업데이트 되고 있지만 ES5와 ES6의 차이가 크기 때문에 많이 비교됨 요즘 많은 회사들이 ES6을 쓰고 있는데 왜 ES5까지 알아야 할까? 기존에 작성된 코드를 이해하기 위해 ES5와 ES6 차이 1. let, const 추가 함수레벨 스코프를 사용하고 재할당이 재선언이 가능한 var 와 달리 let과 const는 블록레벨 스코프를 가지며, let은 재할당 가능, 재선언 불가 const는 재할당/재선언 불가하여 상수에만 쓰임 2. 화살표함수 추가 화살표 함수(Arrow function)가 추가되어 함수를 간결하게 나타낼 수 있고 가독성 및 유지보수성이 올라감 단, 기존의 함수..

웹접근성 모든 사용자가 신체적, 환경적 조건에 관계없이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것 웹 접근성 준수 고려사항 : 시각, 이동성, 청각, 인지 웹 브라우징에 쓰이는 보조과학기술 : 스크린리더, 화면확대도구, 음성인식, 키보드 오버레이 웹표준 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법 (=어떤 브라우저를 사용하든 웹페이지가 똑같이 보이고 정상적으로 작동해야 웹 표준을 잘 지킨 것) 웹표준의 장점 웹접근성 수준의 향상 검색 친화적인 웹사이트 구현..

Date const date = new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds) => 최소한 연도와 월이 주어졌을 때, Date()의 형태는 Date 객체를 생성할 때 모든 구성 요소(연, 월, 일, 시, 분, 초, 밀리초)를 모두 매개변수에서 가져옵니다. 누락한 요소에는 가장 낮은 값(day는 1, 나머지는 0)을 사용합니다. 모든 매개변수 값은 UTC가 아닌 현지 시간으로 취급. getYear() : 1970년도 이후의 연도 getFullYear() : 현재 연도 getMonth() : 월. (0부터 시작하기때문에 현재 월을 알려면 +1을 해줘야함) getDate() : 일 getDay() : 요일 (반환값은 0-6까지이고..