CSSdiner (선택자 게임) CSS Diner 체크된 색상 참고하고 아래 게임 설명을 읽어주세요. 보라색: CSS {선택자(html공간에서 무언가를 가져올) 넣는 공간} 연두색: HTML {어떤것을 선택할지 참고할 body안의 값} 노란색: 문제의 내용 {어떤 것을 선택할지 알려줍니다} 빨간색: 상단오른쪽에 세줄의 메뉴 아이콘을 누르면 나오는 문제 목록입니다. ​ ​ ​ 1~32 번 정답 정리 ​ A plate ―――――――― A bento ―――――――― #id #fancy ―――――――― A B plate apple ―――――――― #id A #pency picle ―――――――― .classname .small ―――――――― A.className orange.small ―――――――― put ..

css 선택자(selector)우선순위 : !important > 인라인스타일속성 > 아이디선택자 > 클래스선택자 html과 css로 게시판 만들기1 작성한 코드 ↓ 블로그 게시글 업로드 이름 : 이메일 : 게시글 내용 : 간편 회원 가입 입력정보 이름 : 이메일 : 휴대폰번호 : 인증코드 기본 회원 가입 아이디

Visual Studio Code] 라이브서버(Live Server) 설정하기 Visual Studio Code] 라이브서버(Live Server) 설정하기 Visual Studio Code(현재 1.34.0버전, 이후 VS Code로 표기)에서 라이브 서버를 설정하는 방법에 대해 살펴보자. 라이브 서버를 이용하면 파일 수정 후 저장하면 수정된 내용이 바로 저장된다. 1. 라이브 stajun.tistory.com 코딩교육 티씨피스쿨 HTML Element Reference www.w3schools.com 위 사이트에서 html 태그 참고 하자! ​ HTML 글자를 강조 태그들 - b (굵게), i (기울임), u (밑줄), ins (밑줄), tt (타자체), sup (위첨자), sub (아래첨자), s ..

vscode를 이제 막 접하며 extensions의 중요성을 느꼈다!! ​ 내가 사용하는 vscod extensions는 아직은 배운게 많이 없어 이렇게만 사용 중! 차후 추가 시 추가 정리해야지 ㅎㅎ ​ ​ Extensions 는 전부 왼쪽 상단에있는 네모네모 모양의 아이콘을 누르고 뜨는 검색바에 이름을 검색하여 다운 받아주면 된다 ​ 1. code spell checker는 코드에서 spelling오탈자를 잡아준다. 2.korean 은 vscode 를 한국어로 볼 수 있게 해준다. 만약 다시 영어로 보고싶다면? ctrl+shift+p 누르고 상단에 뜬 명령 팔레트에 cdl 을 입력한다 Configure Display Language 이 보이면 클릭 리스트에 en ko 이렇게 두개가 뜨는데 en을 누르..

1. 크롬 브라우저가 필요합니다. 2. 이미지를 다운로드 받을 웹사이트를 크롬 브라우저로 실행 3. 마우스 오른쪽 클릭 후 검사 (inspect) 버튼을 누른다 [ 개발자도구 입니다] 4. 실행된 개발자 도구의 상단에 마우스 아이콘 (검사툴)을 클릭 5. 다운로드 하고 싶은 이미지를 클릭합니다 ​ 6. 개발자 도구에서 image가 들어간 링크를 확인 후 해당 링크를 우클릭 후 Open in new tab를 클릭한다 7. 해당 이미지만 있는 새로운 탭이 열리고 오른쪽 클릭으로 이미지를 저장하면 됩니다.

ctr+enter : 중간 열에서 줄바꿈 ctr+x : 행 전체 잘라내기 ctr+shift+enter : 중간열에서 윗열로 줄 바꿈 alt+화살표(위아래) : 위 아래 열을 서로 바꿈 ctr+alt+화살표(위아래) : 위 아래로 다중 커서 ctr+/ : 주석처리 ctr+shift+[] : 태그 기준으로 여닫기 ctr+g : 특정 줄 번호로 이동 ctr+h : 찾아바꾸기 ctr+화살표(좌우) : 단어 단위로 이동 ctr+shift+화살표(좌우) : 단어 단위로 선택 ctr+d... : 동일 단어 여러번 검색 ​ ​ *태그 위에 마우스를 올려놓으면 해당 태그에 연관된 문법 syntax 가 보인다. *ctr++나 ctr+-를 누르면 화면크기 조절이가능하다 ​

https://www.softpedia.com/get/Internet/Other-Internet-Related/ChromeCacheView.shtml Download ChromeCacheView 2.35 Download ChromeCacheView - Check your Google Chrome's cache with this handy utility, designed with simplicity and ease-of-use in mind, offering an intuitive way of viewing the stored data www.softpedia.com ↑ ChromeCacheView 다운경로 ​ ​ 1.사이트에 왼쪽 상단에 다운로드버튼을 누르고 ​ 2.Softpedia Secure Down..

프로그래밍 학원을 다니기 전, 타이핑 연습을 권한 선생님의 말씀을 따라 매일 적어도 15분씩 한컴타자연습으로 매일 짧은영문문장의 타이핑 연습을 하던 중, ​ ​ 한가지 아쉬움이 생겼는데 그것은! ​ 연습하게 되는 짧은영문문장의 종류가 한정되어있어 코딩 하는데 자주 쓰이는 용어나, 특수기호 (예를 들면 {} () : ;) 같은 것들은 연습할 수 없어 아쉬움을 느꼈습니다! ​ 그래서 찾게된 이 사이트! 스피드코더! https://www.speedcoder.net/ ​ Typing Practice for Programmers | SpeedCoder www.speedcoder.net 해당 링크에 들어가시면 Start lesson 과 Speed Coder Game 이라는 두가지 옵션 클릭버튼이 있어요 ​ Star..