아르나의 인생속 즐거음 찾기

안녕하세요. 아르나입니다. 이번 글에서는 HTML 의 기초 태그들을 이용하여 빈 페이지를 한번 작성해보도록 하겠습니다. 1. 태그 html 을 시작하라는 태그 입니다. 모든 html 페이지의 시작과 끝을 나타냅니다. 위의 예제 코드를 보면 태그로 문서의 유형을 지정합니다. html 문서라는 표시를 해주는것이지요. 그리고 의 오픈 태그를 이용하여 html 페이지의 시작을 알립니다. 끝으로 의 클로즈 태그를 이용하여 html 페이지의 끝을 알립니다. 2. 위의 코드처럼 태그안에는 여러 태그들을 넣고 페이지를 만들어낼 수 있습니다. 페이지 실행 결과를 보면 탭 이름에 태그로 지정한 이름이 들어간것을 확인할 수 있습니다. 여기까지 html 기초 태그를 이용한 빈 페이지 만들기 였습니다.

안녕하세요. 아르나입니다. 웹 코딩을 공부할 때 가장 먼저 접하게되는 HTML 코드를 알아보고 VS Code 를 이용해서 실행해보겠습니다. 1. HTML 이란 HTML 이란 웹 페이지를 만들기위한 언어입니다. 영어로 풀어쓰자면 HyperText Markup Language 입니다. HyperText 가 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것이라고 합니다. 2. HTML 구성 1. element (요소) : 컨텐츠를 감싸는 태그. - open tag : 여는 태그. - close tag : 닫는 태그. 내용을 입력하세요 - 위의 코드를 예시로 span 이라는 element 를 작성한 것입니다. 좌측의 이 open tag 이고 우측의 이 close tag 입니다. open tag 와 clos..

안녕하세요. 아르나​입니다. 필자가 가장 잘 사용하고있고 현업에서 다루고있는 React.js 의 커다란 세가지 특징을 한번 알아보겠습니다. 1. JSX 문법 JSX 문법은 자바스크립트안에서 HTML 문법을 사용해서 view 를 구성할 수 있는 문법입니다. class HelloWorld extends React.Component { render() { return ( Hello World ); } } React 를 다루다보면 이런 코드를 볼 수 있는데요. return 안에 아주아주 익숙한 코드가 보이시죠? 아마 HTML 코드 작업을 하면서 보셨을거에요. JSX 를 이용하면 이와같은 문법을 사용할 수 있습니다. 2. Component 기반 Component 기반이라고 하면 어렵다고 생각 할 수 있는데요. 필..

안녕하세요. 아르나​입니다. 오늘은 형상관리에 이용하는 git 에 미리 작성해두었던 프로젝트를 올리는 법을 적어보겠습니다. github 에 Repository 만들기 github 에 로그인 후 해당 페이지에서 새로운 repository 를 만들어줍니다. 되도록이면 체크박스는 비워두기로 합시다. 만들어진 repository 의 url 을 복사해둡니다. 로컬 저장소와 원격 저장소 연결하기 git 에 업데이트할 프로젝트의 경로에서 git bash 를 실행합니다. git 디렉토리 생성을 위해 명령어를 입력합니다. 디렉토리의 모든 파일을 관리하도록 를 해줍니다. 지금까지 작업한 내용을 커밋을 만들기위해 을 입력합니다. 로컬저장소를 원격저장소와 연결하기위해 을 입력합니다. url 에는 복사해두었던 url 을 넣어주..