2022. 3. 11. 10:26ㆍ개발 달리기/FrontEnd 개발달리기
지난번에 HTML 에서 사용하는 elements <a> 에 대해서 공부해 봤으나 기억이 나지 않으시면
복습
자 이제 티스토리 블로그에서 <a> elements 를 사용 하는것은 마스터가 되었다 라고 생각을 해도 되겟죠??
이제는 Frontend 개발자가 되기위한 기본 IDE 를 사용을 해보시죠
질문 : IDE 뭐임요 ㅡㅡ
답 : IDE 통합 개발 환경(Integrated Development Environment, IDE)
질문 : 무슨말인지..
답 : 티비에서 보는 개발자들이 쓰는 개발 도구라고 이해하심이 빠르심
물론 html 은 메모장으로도 충분히 문서작성이 가능하지만 이왕이면 개발자가 목표이면 개발자 스럽게..
여러가지 IDE
통합 개발 환경의 종류[편집]
개발사플랫폼운영 체제언어라이선스특징이클립스(Eclipse)라자루스(Lazarus)안쥬타(Anjuta)와이드 스튜디오(Wide Studio)코드블럭스(Code::Blocks)Dev-C++비주얼 스튜디오(Visual Studio)코드기어 디벨로퍼 스튜디오(Codegear Developer Studio)델파이(Delphi)C++빌더(C++ Builder)제이빌더(J Builder)JDE카일릭스(Kylix)터보 C(Turbo C)볼랜드 C++ 빌더(Boland C++ Builder)터보 파스칼(Turbo Pascal)넷빈즈(NetBeans)제이디벨로퍼(JDeveloper)리얼베이직(Real Basic)엑스코드(X Code)코드워리어퓨처베이직파워 빌더(Power Builder)오토잇카일릭스프리 파스칼델파이 포 PHPIntelliJ IDEA터보 파스칼터보 델파이코드라이트PhpStorm
예아~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
저런거 너무너무 머리 아프니깐
저는 Visual studio Code 를 사용하도록 합니다.
구글 검색후 다운로드
각자의 운영체재 환경에 맞는 버전을 다운로드 한후 설치설치 합니다.
설치가 완료되면 위와 같은 어려워 보이는 프로그램이 시작되고 뭔가 알아보기 어렵지만 네 괜찮습니다.
처음에 다 떨리고 어렵고 힘들지만 이제 벌써 개발자에 가까워 지고 있습니다.
저기서 이제 html 파일을 하나 만들어 봅시다.
1. File -> New File 새롭게 생성해 주면 아래와 같은 화면이 활성화가 되고 저장되지 않은 화면이 되어있습니다.
select a language to get started -> 시작할 언어를 선택하세요
Start typing to dismiss, or don't show this again -> 해제 하려면 타이핑을 시작하거나 don't show 누르세요.
2. 네 그냥 무시하시고 진행하시면 됩니다.
저희 첫번째 시간에 배웠듯이 html 은 웹페이지의 모습을 표시되도록 설계된 문서의 표준 마크업 언어이다. <- 이놈 배웠듯이 표준 마크업 언어를 코딩해보도록 하겠습니다.
이렇게 문구를 작성해보고 저장을 해보도록 합시다.
3. 열심히 우리는 개발자 일을 시작하니 C 드라이브 또는 D 드라이브에 -> work 폴더를 만들어주고 -> html 만들고 그안에 3일차.html 로 만들어 줍니다.
4. 오 뭔가 개발자가 된 기분이네요. 실행을 하면 아래와 같이 html 문서가 보여집니다.
하나씩 풀어서 설명드리면
5. 위에 작성된 내용이 이해가 안되시면 1일차,2일차 포스팅을 다시한번 보시고 따라서 해보시길 바랍니다.
결론 : html 재미있다. 해볼만하네. 껌이지~
다음포스팅은 자주 사용하는 html elements 해보기 하겠습니다.
'개발 달리기 > FrontEnd 개발달리기' 카테고리의 다른 글
| FrontEnd 공부 6일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
|---|---|
| FrontEnd 공부 5일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
| FrontEnd 공부 4일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
| FrontEnd 공부 2일차 - HTML elements reference ( 개인 스터디 ) (0) | 2022.03.10 |
| FrontEnd 공부 1일차 - HTML 기초 ( 개인 스터디 ) (0) | 2022.03.10 |