[UI/UX]패스트캠퍼스 챌린지 26일차 - 코딩 용어정리

하이힐(10cm)를 신고 코엑스에서 하루종일 서있던 나를

반성한다.

미쳤다고 그런 신발을 신고가서,,난리난리 ㅠㅠ

 

그리고 오늘은 호텔에 룸메분이 들어오셔가지구...

코딩 어제 배운거 복습하고, 기본 용어 정리의 시간을 가졌다.

 

기본용어를 정리하면서 익숙하게 쓰는 코드들이지만

이름이 다 있고, 용도가 이렇다는 것은 처음 알았다(?)

(미안해,,애들아,,!)

 

그래서 어제 배운 아주 기본적인거 복습 1번 돌리고,

기본용어 정리했다!

 

 

---

개발도 디자인처럼 이론보다
실전에 부딪히면서 얻는게 훨씬 크다!

프로젝트 시작
1. 바탕화면에 넘어와서 새로운 프로젝트는 하나의 폴더 단위를 만든다.
2. vs code에서 파일에서 새창을 누른다.
3. 방금 만든 폴더를 폴더열기를 통해 불러온다.
4. 새로운 파일을 만들고 index.html로 만든다.
(*index를 하지 않을 경우 열리지 않는 경우가 생기므로 꼭 이름을 붙혀준다.)
5. '!'를 입력하고 emmet Avvreviat...을 선택한다.
(* 이것 을 누르면 html의 기본적인 구조를 완성할 수 있다는 것이다.)
(* 상단의 하얀색 동그라미는 아직 저장되지 않은 상태를 의미함)
(* body의 같은 경우 시작하는 부분과 끝나는 부분이라는 뜻 => 태그 or 요소,컴포넌트)

 

---

웹개발의 기초적인 용어정리

웹표준 : 웹표준이란 웨벵서 사용되는 표준 기술이나 규칙을 의미한다.
W3C의 표준화 계정단게의 권고안에 해당하는 기술
=> 동일한 단계에서 구성하는게 크로스 부라우징

크로스 브라우징 : 조금은 다르게 궁동되는 여러 브라우저에서 동일한 사용자 경험을 줄 수 있도록 제작하는 기술, 방법(크롬/엣지/파이어폭스/오페라/스윙/웨일/ie/사파리)

 

---

브라우저에서 새 창을 연다? 새탭을 여는 것?
새창을 여는 것 => 새로운 프로그램을 별도로 여는 것을 권장하지 않음
새탭을 여는 것 => 창을 만든 곳에서 탭으로 페이지를 여는 것
주소창 => 주소를 여는 창
뷰포트 => 화면이 보여지는 곳

 

---

특수 문자 용어

(특수 문자의 영어/한글 이름과 키보드 위치)
=> 상식적으로 알아야 개발자와 소통 가능

1. Backtick, Grace
2. Tilde : ~
3. Exclamatin mark : !
4. At sigh : @ 엣 골뱅이
5. sharp, number : #
6. Percent : %
** 7. Caret : ^
8. Ampersand : & 엠퍼샌드
9. Asterisk : * 에스터리크 ,별표
10. Hyphen, Dash : - 하이픈, 대시, 마이너스
11. Underscore, low dash 언더스코어, 로대시, 밑줄, 언더바 _
12. Apostrophe : '
13. colon : :
14. semicolon : ;
15. Period, Dot : .
16. Question mark : 퀘스쳔, 물음표 ?
17. Slash : /슬래쉬 (방향중요)
18. vertical bar : | 버티컬바
19 . Backslash : / 역슬래쉬, 백슬래쉬
20. Parenthesis : 페렌서시스, 소괄호, 괄호 ()
21. Brace : 브레이스 중괄호  {} => html, css 하면서 많이 사용한다.
22. Bracket : 브래킷, 대괄호 []
23. Angle Bracket : 앵글 브래킷, 꺽쇠괄호 <>

 

 

---

 

 

그리고 오늘은 어제꺼를 복습해서

알아야하는 기본 용어들을 넣어봤따.

띄워쓰기를 하고싶어서 직접 찾아봤다 ㅎ

 

아주 쉬웠따 그냥 p만 넣으면 된다 ㅎ

시작할 때 p넣고 끝날 때 /p 넣고~!

 

그러면 아주 이렇게 강렬한 빨강이 글씨로 뜨게 된다ㅋㅋㅋㅋㅋ

아주 기억하기 쉽겠다 ^_^

오늘은 룸메가 있어 눈치보여서 여기까지,,,내일은 이시국 회식이여서 어메이징 걱정이다,,하

 

 

 

 

 

https://bit.ly/37BpXiC

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.