실무 환경 그대로 주문게시판 만들기 웹개발 기초 마스터(3)

어제 퇴근하고 집와서 밥먹자마자 뻗어버리고 오늘은 잠들면 안돼! 하면서 겨우 눈을 부듭뜨고 강의 들었다

 

하,,,이벤트 전까지만 들으려고 진짜 인공눈물 부어가면서 겨우 들었네....

 

강의가 너무 재미있어서 망정이지 아니었으면 노트북에 머리 박아서 다 부셔질뻔 ㅎ_ㅎ...

 

그리고 프론트엔드 오니까 갑자기 숨이 턱 막힌다..왜냐구...? 난 똑같은걸 보고 따라그려도 그렇게 안나오기 때문이지

 

오늘의 결과물들 ㅋㅋㅋㅋ 아니 왜 내 박스들은 다 뚱뚱한거지? 진짜 정렬 맞추려고 정교하게 마우스 움직였건만 손이 벌벌 떨렸다...

 

그 와중에 강사님은 뚝딱뚝딱 정렬하시는거,,,? 굉장해,,,,

 

나는 이거 맞춘다고 강의를 몇번이나 멈췄다가 실행했는지 모르겠다...

 

나는 평생 살면서 디자인은 재능이라고 생각하는 사람으로써 만약 내가 스프링 프로젝트를 할 때 넥사크로를 사용한다면 다른사람꺼 카피해서 쓸거다 절대 크기조절 안한다... 방향키만 움직일겨,,,,, ^^

 

내가 괜히 만졌다가 사용자 빡칠듯 ㅎㅎ

 

퇴근하고 잠을 이겨내서 강의 들은 것 치곤 목표한 내용까지 다 들어서 넘 뿌-듯 ㅎㅎ

 

섹션3. 프론트엔드 디자인 필기 0.5

 

[Static 컴포넌트]
- 화면 레이아웃을 잡고 텍스트를 입력하는데 쓰인다.
- 해당 메뉴를 누르면 Properties가 나오는데 text 바꾸기 가능
- Font 오른쪽에 ... 누르면 폰트 변경 가능
- textAlign을 Center로 지정하면 가운데 정렬
- background를 찾아서 +버튼을 누르고 배경 컬러 변경 가능
- 테두리는 border에서 ... 누르고 1px solid black 영역 지정
- 정상적으로 만들어졌는지 보고싶으면 Launch말고 QuickView로 볼 수 있음!
- 스태틱은 그냥 텍스트라고 생각하면 됨!

[Button 컴포넌트]
- 컴포넌트의 종류에 따라 ID 명명 규칙이 있으며, 굉장히 중요하다.
- 중요한 속성1) enable : 활성화 할것이냐(true) 비활성 할것이냐(false) => 권한에 따라 버튼 사용여부 결정할 때 사용할 수 있음!
- 중요한 속성2) visible : 보일 것이냐(true) 안보일 것이냐(false)

[Editbox 컴포넌트]
- inputtype : 숫자만 입력하고 싶을 때 number로 지정하면 문자가 입력이 안된다

[Checkbox 컴포넌트]
- 누가봐도 아는 체크박스

[Combo 컴포넌트]
- Binding > innerdataset에서 옵션들을 넣을 수 있고, DB에 있는 값을 가져와야 하는데 연습할 땐 하드코딩으로 넣을 수 있음!
- displaynulltext : 그냥 text는 데이터셋을 넣어주면 비활성화되므로 여기에 텍스트를 써주면 나옴!

[Radio 컴포넌트]
- combo박스와 매우 유사한 사용법을 가지고 있음!
- 구분을 ㅋㅋㅋㅋㅋ Gb라고 쓰는게 너무 욱곀ㅋㅋㅋㅋ
- 여기도 inner 데이터셋 지정해줘야 한다
- Appearance > direction > vertical 지정해주면 세로로 되어있던게 가로로 정렬됨!

[Grid 컴포넌트]
- 표 그리고 더블클릭하면 그리드 컨텐츠가 나옴!
- Add Head Row 클릭하면 헤더 정의할 수 있슴다
- Add Column 해서 열 만들어주고
- Add Body Row 클릭하면 행이 만들어짐

[Layout 구성]
- 테두리를 만들기 위해 static으로 큰 박스를 그렸는데, 맨 처음에는 제일 위에 있기 때문에 아무것도 클릭이 안될거임 그래서 우클릭을 해서 send to back을 해주면 맨 뒤로 보내기가 가능
- 팝업을 만들기 위해서는 처음 화면 만들었던 것처럼 form 만들어 주면 된다.
- 메뉴가 너무 많아지면 뭐가 뭔지 모르니까 Tools > Options > Environments > Show Information > at Project Explorer 체크 해주면 메뉴에 대한 설명을 달아줄 수 있음 => 메뉴 누르고 titletext 바꿔주면 됨
- 팝업 하나 더 만들어야 하는데 기존에 만든거랑 비슷하다면 그 파일 자체를 복붙해서 수정해서 만들 수 있음(물론 id는 꼭 바꿔줘야 함)

 

출처 : https://kitdow.tistory.com/31