인생 1회차 (First-Life) Ing

회원가입 페이지는 백엔드 개발자 분과 함께 만들어보는 거라 깃헙에도 남기고 싶어서 저장소도 새로 만들었다 권한도 나눠 갖고 내 컴퓨터에 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)가 추가되어 함수를 간결하게 나타낼 수 있고 가독성 및 유지보수성이 올라감 단, 기존의 함수..

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