what a loce DAy !

일반 자바 코드와 똑같이 임포트하여

Import -> General -> Existing Projects into Workspace 하고 Next 버튼 클릭 

그 다음에 Select root directory 통해서 import 원하는 파일 디렉토리 클릭 후, 원하는 파일 SelectAll 하기

종종 해당 파일과 같은 이름의 폴더가 본인이 작업하는 워크스페이스 에 존재하면 select 자체가 클릭되지 않으니 주의해서 import 하자

임포트 안되서 30분 끙끙댐 ㅠㅠ

사실 첫 영타 연습은 아니지만, 그래도 주기적으로 늘어가는 모습을 기록하고싶어서 etc 카테고리에 이렇게 기록을 시작해본다. 

목표를 설정하고 현재상황을 분석하고, 문제점을 찾아 그것을 해결하기 위한 해결책을 제시! 

언제나 문제해결을 위한 사고를 가지도록 노력하자. 

목표는 영타 500타 이상.

국비과정을 수료하기 전에 영타 500 타를 꼭 만들고 졸업하고싶다.

현재 상태, 왼손은 나름 자유자재로 타자를 치지만, 오른손은 이상하게 독수리 타자였기에 교정이 쉽지가 않은 상황.

영타 속도는 대략 150타~ 200타 사이정도 되는 듯 싶다. 

문제점, 오른손이 타자를 칠 수 있는 범위가 굉장히 좁기 때문에 이 부분 수정이 불가피하며 전반적으로 영타가 아직 손에 익지 않은 상황이다.

해결책, 매일매일 영타연습 최소 1시간정도 연습하기. 불가피하면 30분도 가능하겠지만, 그래도 최대한 영타연습을 위한 시간을 만들것. 가장 좋은 것은 수업 끝나고 한시간 정도가 적당한 것 같지만 그도 재택인 경우만 가능할 것 같고, 재택이 아닌 학원 등원시에는 아침시간 혹은 하교 후, 집에서 한시간 정도가 적당하지 않을까 싶다.

★ 개인적으로 아주 만족스러운 타자연습 홈페이지. 따로 다운로드도 필요없고 로그인도 필요가 없는데 어떤 위치로 타자를 치는 것이 올바른지 알려줘서 교정에 좋았다.

https://www.typing.com

좀더 편하게 ATOM 사용하기..?

html과 css에 대한 기초 공부를 진행하고 있는데, java 언어의 ctrl+shift+f 처럼 자동 정렬 단축키가 아톰에서는 따로 없는 것처럼 보였다. (코딩의 질이 달라지는 god축키)

그런 도구 툴들을 install package를 통해 설치하는 방식으로 사용하고 있었다.(이걸 플러그인 설치라고 한다.)

위 화면에 들어가는 것도 초보 개발자에게는 시간이 걸린일이었다.. 

File - Setting - Install 을 통해 들어간 뒤 필요한 패키징 프로그램을 검색해서 파란 install 버튼을 클릭해주면 끝!

구글링을 통해 유용한 패키징 인스톨 툴들을 한번 알아보았다.

1. emmit

HTML, CSS 자동완성기능! 

2. pigments

색상 코드의 색상을 코드배경에 보여준다.

3. atom-beautify

아톰 플러그인 설치를 찾아보게 된 계기.

소스자동정렬!!!! 완전 필수

4. atom html preview

작성한 html 파일을 실시간으로 화면에 출력시켜주는 프로그램! 

우선 가장 유명해보이는 이 4개만 설치해보는 걸로 하자! 

사용법 및 테스트! 

1. emmit

아 정말 편한데... 노트북이 구려서 자동확장기능을 보여주는 것이 매우... 느리다. 큰일이다 ㅠㅠ 초심자에게는 코딩을 좀 더 편하게 해줄 수 있는 좋은 방법이 될 것 같다.

2. pigments

색상코드를 입력하면 그 글씨 배경색을 해당 색으로 깔끔하게 잘 보여준다. 디자인하시는 분들에게 아주 유용할 듯 싶다.

3. atom-beautify같은 경우는 단축키 ctrl + alt + b 버튼을 클릭하면 자동 조절이된다.

그리고 atom html preview의 경우, 메뉴창의 package > preview HTML 클릭하면 바로 코딩페이지가 나온다. 프론트엔드 준비하는 분들에게 도움이 되는 확장 프로그램인것 같다!

+) 금일 공부하면서 찾은 좋은 사이트

https://hongong.hanbit.co.kr/

https://docs.emmet.io/cheat-sheet/

요구사항 관리 도구 중, 지라(jira), 레드마인(Redmine) ?!

- 지라와 레드마인 모두 소프트웨어 개발자를 돕는 프로젝트 관리 소프트웨어이다. 버그/오류관리/이슈트래킹/협업 등 전체 팀에게 있어 기능적인 지원을 제공하는 소프트웨어.

1) 지라(jira)

- 오픈소스(오픈소스 소프트웨어:OSS, 공개적으로 엑세스 가능할 수 있게 설계되어 누구나 자유롭게 확인, 및 수정/ 배포 가능한 코드) 가 아닌 상용제품으로서, 레드마인보다 UI가 좋고, 상대적으로 레드마인보다 지라로 더 많이 넘어오는 추세이다. 하지만 비용이 들어가므로, 규모가 큰 기업에서 많이 사용되어지는 편.

2)  레드마인(Redmine)

- 지라와는 반대로 오픈소스라서, 상대적으로 많이 사용되고 있다. 그러나 인터페이스가 약간 아쉽다는 평이 있으나 오픈소스인점을 감안하면 기능도 많고 연동도 잘 되며 오래전부터 개발했던 기업에서는 레드마인으로 자료가 많이 남아있는 편이다. 

Best Free HTML Editors for 2021 ? 

1. ATOM
2. Notepad
3. Sublime
4. Visual Studio Code

https://www.hostinger.com/tutorials/best-html-editors

생활코딩 이고잉님은 강의를 제작하던 4년전인 2017년에도 atom을 추천하시던데, 지금도 여전히 atom이 1순위네요. 

저 역시 atom을 설치했고, 강의를 따라갔습니다. 

https://atom.io/

<strong> web </strong> : 글씨체를 굵게 해주는 tag

<u> page </u> : underline, 밑줄효과 주는 tag

*각각 < > 라는 부분은 tag라고 한다.

ctrl + / : 토글 주석처리 해주는 tag

<hn> </hn> : 태그 h1 ~ h6 까지 있음 head 뜻

<br> : 엔터키라고 생각하면 좋음

<p> </p> : 한 단락을 표시해주는 tag

<ul> </ul> : unordered list, 리스트 나열 tag

<ol> </ol> : 순서 표시해주는 리스트 나열

<title> </title> : 사용자에게 웹 페이지 제목을 보여줄 수 있음

<a> </a> : 포인트로 꽃아주는 것

아래 링크는 html 태그중 어떤 태그들이 가장 많이 쓰이는지를 분석한 홈페이지입니다. 보다보니 재밌네요 ㅎㅎ.

https://www.advancedwebranking.com/html/

2021년 기준, 보통 하나의 페이지에 32개정도의 태그요소를 사용하는 것을 알 수 있습니다.! ㅎㅎ 

(이고잉님 강의는 2017년 버전이었는데 당시는 25개 정도의 기본 태그를 사용하고 있더라구요.)

저작권에 위배되지 않는 이미지 사이트, 참고하시면 좋겠습니다.

https://unsplash.com/