태그 : HTML 태그의 제왕링크달기티스토리누르면 그 링크로 넘어 갈 수 있도록.티스토리a=anchor속성href="링크주소" 이링크로 연결해줘target="_blank" 새탭으로 열고싶어title="툴팁에 떴으면 좋겠는 문구" 누르기전에 툴팁으로 알려주고싶어 웹사이트 완성 웹페이와 웹페이지를 연결해주는 링크를 통해 웹사이트 만들기.태그 를 사용해서 각페이지에 맞게 링크를 걸어둔다.같은 템플릿 형식으로 프로젝트를 필요한 만큼 만든다.같은 템플릿의 프로젝트 복사 하는 법 : 1.html 우클릭 → Duplicate 클릭 → 이름 바꿔서 저장(ex 2.html)그 글자를 클릭 했을 때 그 페이지로 이동하는 웹사이트 완성. Tistory 피드 스토리 스킨 포럼 오늘의 느낀점그동안 배운 내용이 짧아보..
ALL
부모자식과 목록 ol=Ordered List 목록 범위 지정 + 숫자를 자동넘버링 해주는 태그 생 l=List 목록태그 활 코 딩 부모태그는 자식태그를 포함하고 있다. 부모태그 ~ 자식태그 ~같은 코드 여러번 반복해서 쓰고 싶으면?ctrl 누르면서 클릭(쓰고 싶은 부분) - 커서가 여러군데 생김 태그의 부모 태그 ~ ul=Unordered List 목록 범위 지정(숫자 넘버링 안해줌 ·로 목록 표시)· 생· 활· 코· 딩 ~ ol=Ordered List 목록 범위 지정(숫자를 자동넘버링 해줌)1.생2.활3.코4.딩 문서구조와 슈퍼스타들 생 ..
줄 바꿈 태그 : br, p줄을 바꾸고 싶다면?'html new line tag' 검색 / 'html paraghaph tag' 검색 줄바꿈(엔터)단락나누기 p=paragraph 최후의 문법 속성 & img속성 : 태그의 심화된 문법unsplash.com 저작권 없는 공공재 이미지 싸이트img scr="이미지파일.jpg" width="000"> 태그 img> 속성 src=source / width 속성은 태그 내에만 있으면 어디에 위피해도 상관없다. 속성은 태그 이름만으로 부족 할 때 더 많은 의미를 부여 하는 문법 html이 중요한 이유어떤 코드로 글을 쓰냐에 따라 검색엔진 노출빈도가 다르다.결과 값이 비슷해보여도 소스는 전혀 다르다.웹에 글을 쓴다는 것은 내부적으로 html코드를 ..
기본문법 : 태그태그(TAG) : ~~ , 태그는 로 앞뒤 태그를 구분하기 위해 뒤에 태그에는 /를 표시 해준다.글씨를 두껍게글씨 밑줄 u=underline혁명적인 변화태그를 배우기 전과 후로 나뉘는 인생!웹페이지를 이루는 HTML태그 보는 법 : 페이지 우클릭 - 페이지소스 위에 태그들이 무슨 태그인지는 몰라도 태그라는 것은 알 수 있게됐다.무슨태그인지검색해보는법 : 'HTML h1 tag' 검색예제를 복사 한 후 에디터에 적용해서 무슨 태그인지 예측해보기 통계에 기반한 학습150+ TAG가 존재한다.하나하나 다 외우고 있기는 어렵다.하지만 태그가 무엇인지 알고 있으면 검색을 통해 알 수 있다.밑천태그는 외우고 있어야 한다.밑천태그 - 통계기반으로 빈도수 높은 태그는 외우기!https://www.adv..
기획기획자 : 무엇을 만들까 상상 → 계획 → 구체화"코딩 수업과 내용을 잘 정리정돈 할 수 있는 웹사이트"그림을 그려서 기획제목이 맨 위에 있었으면 좋겠어제목과 목차를 나누는 선왼쪽에 목차1클릭 후 나오는 페이지동영상강의 맨 위에 배치밑에 한글로 설명등 의 구체적인 계획을 그려보자! 코딩과 HTML코딩 : 원인인 코드를 통해 결과를 만든다 위아래기계가 하는 일사람이 하는 일결과원인ApplicationAppProgramWebpageWebsitecode 부호, 신호source 원천Language 약속이라는 의미 HTML (Hyper Text Markup Language) : 웹 페이지를 만드는 코드장점1. 배우기 쉽다.장점2. 많이 사용하는 만큼 중요하다장점3. Publ..
명령 프롬포트 - 명령 프롬포트는 콘솔창, CMD 등등으로도 불린다. - 콘솔창에서 실행시키면 작업 확인 가능하다. - 명령 프롬포트 키는 법 1. 비주얼 스튜디오에서 켜기 메뉴바 Tools - Visual Studio Command Promt 2. 검색해서 켜기 윈도우 - 'CMD' 또는 'Command' 검색 명령 프롬포트 실행명령어 - 탐색기창 실행 시키기 : explorer . (한 칸 뛰고 .찍기) - 파일 위치로 이동 : cd 경로\폴더명 - 상위폴더로 가기 : cd.. - 폴더 안 파일 확인 : dir * 경로명 다른 드라이브로 이동 하는 법 - 드라이브: (C: 부부을 D:로 수정) * 파일명 자동 완성하는 법 - TAB 누르기
C언어와 함수 y=f(x) x 입력(input) → f(x) 함수(Function) → y 출력(Output) * Function 기능 * 입력, 출력이 1개일수도 여러개일수도 하나도 없을 수 도 있다. 그래도 기능을 하는 것 자체에 의미가 있다. * 가장 큰 함수 안에 여러 함수들이 들어있다. 복잡할 시 가장 큰 함수부터 해결. * 각각의 함수들의 설계를 잘 해주고, 함수들끼리의 관계설정을 잘 해주면 된다. int main(void) { return 0; } 코드를 정확하게 오타없이 타이핑 하는 것이 중요하다. main( ) - 우리가 만든 프로그램을 운영체제가 실행시킬 때 시작점이 되는 함수. - 이 함수는 가장 큰 함수로 이름을 바꿀 수 없고, 단 하나만 존재할 수 있는 아주 특별한 함수. - 들어..
비주얼 스튜디오 2019의 C언어 기본적인 사용법 - 2017 / 2019 사용법은 거의 비슷하다. (2015버전까지도 사용 가능) 그이전 버전 사용도 가능하나 C++의 경우는 현재 추가된 문법이 많아 호환성 문제를 일으킬 수 있다. - 비주얼 스튜디오 실행하기 (tip : 작업 표시줄 고정 해두고 사용하기.개발도구들은 고정 해두기 추천) - 새로운 C언어 프로젝트 만들기 1. Continue without code 클릭 (Create a newproject 다음부턴 이거 클릭) 2. 메뉴바 File - New - Project - Windows Desktop Wizard 검색 후 Next * C++언어지만 프로젝트 만든 후 C로 변환가능 3. 프로젝트이름, 저장장소, 솔루션이름 선택 후 Next..
올바르게 타이핑하기 개발 공부를 시작하면서 코드를 따라 타이핑 하다보니 고민이 생겼다.한글 타자 속도도 느린편이지만, 영문 타자 속도는 너무너무너무 느리다는 것..!빠르게 대소문자숫자기호를 쓰려고 하다보니 'l'을 써야 할 때 'i'를 타이핑 한다던가 오타 발생률이 높다는 것이다.그러던 와중에 홍정모교수님의 '올바르게 타이핑하기'라는 영상을 보고 타이핑 연습을 꾸준히 하기로 했다. 현상태영타 속도 100~115타 목표영타 200타/분 이상올바른 손가락으로 정확하게 키 치는 습관 만들기기호 타이핑은 느리더라도 실수 없이 치도록 연습하기타자연습 하는곳한컴타자연습 - 영타연습 한컴 타자연습게임으로 즐기는 새로운 한컴 타자연습typing.malangmalang.com스피드코더 - 코드 타이핑 연습 Typing..
비주얼 스튜디오 2019 설치 홈페이지에서 설치 https://visualstudio.microsoft.com/ko/free-developer-offers/ 무료 개발자 소프트웨어 및 서비스 - Visual Studio Free offers: Visual Studio Community, Visual Studio Code, VSTS, and Dev Essentials. visualstudio.microsoft.com 비주얼 스튜디오 인스톨러 - 꾸준히 업데이트되면 메뉴구성이 달라지기도 한다. - 사용 할 기능을 자유롭게 선택해서 설치하면 된다. - 'C++를 사용한 데스크톱 개발'을 설치하면 C언어도 업데이트 해주기 때문에 C언어를 하고 싶으면 C++을 선택. - IDE 언어팩은 영어로 사용 권장. - 파..
