HELLO :3 IM RESHUR

Front-end Dev Road Map 프론트엔드 개발자 로드맵 typescript 필수 / BEM https://roadmap.sh/frontend Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh

HTTP Status Codes The server has fulfilled the request but does not need to return an entity-body, and might want to return updated metainformation. The response MAY include new or updated metainformation in the form of entity-headers, which if present SHOULD be associated www.restapitutorial.com 모든 HTTP 응답 상태 코드가 적혀있는 사이트입니다. 별표★ 가 되어있는 건 자주 발생하는 응답 코드입니다. 그 외의 내용을 확인하려면 원하는 응답 코드를 클릭해서 확인하시면 됩..

VScode : VSCODE Extension 추천 (22.08기준) Live Server html 혹은 CSS를 작성했을때 별도의 새로고침없이 바로 확인할수 있게 도와주는 라이브서버 (liveserver) 확장자 Live Server - Visual Studio Marketplace Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages marketplace.visualstudio.com Auto Rename Tag 시작 태그를 수정할때 자동으로 종료태그도 함께 수정해주는 확장자 Auto Rename Tag - Visual Studio Mark..

TIP : CSS rgba() 코드 알려주는 사이트 https://www.hexcolortool.com/#49fd3f HTML Color Codes - What's your color Join to access discussion forums and premium features of the site. www.hexcolortool.com 스타일링하면서 색상 코드를 많이 사용하는데 rgb에 대한 사이트는 많지만 rgba에 대해선 코드를 찾아주는 사이트가 흔치 않아서 찾아왔습니다. rgba가 금궁하신분은 아래 포스팅을 참고해주세요. CSS : 텍스트 꾸미기 속성 (font-family, font-size, text-align, color) CSS : 텍스트 꾸미기 속성 (font-family, font-s..

HTML : 모든 Entity(엔티티)가 적혀있는 웹 사이트 HTML에서 지원하는 모든 Entity가 적혀있는 웹사이트이다. 새로 추가 되는 것이 있을 때마다 업데이트가 되므로, 필요한 엔티티가 있다면 ctrl + F 혹은 Command + F를 통해서 검색하면 된다. HTML Standard HTMLLiving Standard — Last Updated 6 July 2022 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML syntax → 13.5 Named character references 13.5 Named character references This table lists the character reference names tha..

HTML : html 기본 틀 쉽게 만들기 html을 작성하려고 하면 일일이 수기로 head, title, body 등 태그를 입력해야 하지만, VScode 같은 웹에디터를 사용하면 직접 입력하지 않아도 단축키를 통해 손쉽게 작성할 수 있다. 작성하실 html에서 !를 입력 후 Tap혹은 Enter를 누르면 VScode에 등록되어있던 기본 html틀이 자동으로 입력된다. html lang이 en으로 되어있으니 한글이 들어가는 콘텐츠를 만들 경우 lang을 ko로 바꿔주면 된다. ! 쉬운 방법이지만 해당 검색어로 많이들 찾으셔서 올려봅니다. 2022.04.12 - [TIL/HTML] - HTML : HTML문서의 구조 HTML : HTML문서의 구조 HTML : HTML 문서의 구조 Document : 웹..

CSS : 100 DAYS CSS CHALLENGE (100일 CSS 챌린지) 100일동안 해당되는 CSS를 넣어서 실력을 쌓을수있는 홈페이지이다. 꾸준히 문제를 풀다보면 CSS 스킬이 늘어날거라 믿고 열심히 하는중 https://100dayscss.com/ 100 Days CSS Challenge 100dayscss.com What is This? 과 How can i join?으로 들어가면 웹페이지에 대한 설명과 사용법이 적혀있다. 100days challenge를 참여하려면 코드펜(Codepen)아이디가 있어야한다. Codepen은 웹에디터인데 코드펜이 어떤건지 금궁하신분은 아래글을 읽어주세요. 2022.04.08 - [TIL/tip] - IDE : 웹 에디터와 통합개발환경(IDE) IDE : 웹 ..

자주 사용하는 단축키 ! + enter or tab : html의 기본 틀을 불러옴 Cmd + W : 현재 창 닫기 Cmd + shift + T : 닫은 창 다시 열기 Cmd + B : 사이드바 토글 Cmd + shift + E : 사이드바 - 검색 Cmd + shitf + F : 사이드바 - 전체 검색 ( 전체 파일 중에서 원하는 code를 찾을 수 있음) Cmd + + : 에디터 확대 Cmd + - : 에디터 축소 소스코드 편집 Tab / Cmd + ] : 들여 쓰기 Shift + tab / Cmd + [ : 내어 쓰기 Cmd + enter : 아래에 행 삽입 ( 코드를 쓰는 중간에 사용할 경우 위치 상관없이 바로 아래 행에 삽입됨 ) Cmd + Shift + enter : 위에 행 삽입( 코드를 쓰..

IDE : 웹 에디터와 통합개발환경(IDE) 웹 에디터 (편집기) HTML 문법에 맞추어 편리하게 작성할 수 있도록 도와주는 편집기 온라인 웹 에디터 : https://jsbin.com , https://replit.com , https://codepen.io 등이 있다. 온라인 웹 에디터(편집기) 링크 CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io The collaborative browser based IDE Repli..

다양한 사이즈의 이미지를 만들 수 있는 웹페이지이다. 사용법 https://via.placeholder.com/500 via.placeholder.com/원하는 사이즈 를 넣으면 해당 사이즈의 이미지를 만들어준다. https://via.placeholder.com/150/FF0000 https://via.placeholder.com/150/FF0000/FFFFFF via.placeholder.com/150/FF0000(이미지 색상) via.placeholder.com/150/FF0000(이미지 색상)/FFFFFF(글씨색상) 사이즈 뒤에 색상 코드를 넣으면 이미지의 색상을 지정해줄 수 있으며 색상 뒤에 / 를 붙이고 색상 코드를 한 번 더 쓰면 이미지 내의 폰트 색상을 바꿀 수 있다. via.placeho..