스터디/WEB 2019. 2. 9. 23:45

[생활코딩] WEB1 - HTML& Internet 시작


웹을 통해서 코딩을 배우는 수업이면서, 코딩으로 웹을 만드는 방법에 대한 수업

 
지도




수업 목록프로젝트의 동기


Atom editor 설치
한글이 깨질 때
<meta charset="utf-8”> 추가


HTML Preview 패키지를 깔아서 
에디터에서 코딩 결과가 우측에 바로 보이도록 했다

CSS
<p style="margin-top:45px;”>



Html title head meta body
<a href= "https://www.w3.org/TR/html5/" target="_blank" title ="html5 specification>


간단 페이지 만들기
고등학교때로 돌아간 느낌


인터넷과 웹
세계 최초의 웹 브라우저가 world wide web


세계 최초의 웹 페이지




Github 원래있던 계정폭파시키고 새로 만들었다!
녹색으로 물들이고 싶은 욕망..




https://twitter.com/Binsworld_dev/status/1093927716200435712
수업준비 때문에 100일코딩에서 유니티 연습을 잠시 접고서 (유니티야 미안해 흑흑) 생활코딩의 WEBn을 듣기 시작했다. HTML-CSS-Javascript 순으로 들어야지. 깃허브 페이지도 계폭하고 새로 세팅! #WWCodeSeoul #100일코딩



'스터디 > WEB' 카테고리의 다른 글

[생활코딩] WEB2 - CSS (1)  (0) 2019.02.09
스터디/Unity 2018. 12. 26. 23:56

[Unity] 작업노트 - Playmaker 연습하기 8, UI - Input field

181226

Openplay님의 강좌 
Playmaker tutorial - with Unity UI #3: input Field 1

인풋필드에 입력한 텍스트가 상단에 디스플레이 되게 하는 예제

UI 앵커포인트는 Sketch 앱 처럼 좌측상단을 0점으로 바꿔줘야 좀 편한듯


텍스트 입력후 엔터를 치면 text를 string값에 저장하기
Input finished 상태에 인풋필드 오브젝트를 드래그앤드랍하여 Get Property - text (string)

그리고 그 값을 InputMessage 오브젝트를 드래그앤드랍하여 Set Property - text(string) 저장되었던 값으로 지정해준다


1단계 완성!

두번째 영삿ㅇ에서는
입력된 텍스트가 없을 경우의 예외처리에 대한 구현

텍스트가 없는지를 판단하는 state를 하나 추가하고,
없는 것이 참일 경우 경고 메시지를 띄우는 state를 추가

판단 state에서는 인풋필드 오브젝트의 text.Length 값을 가져와 int값에 저장하고,
Int compare 액션으로 들어온 값에 대한 이벤트를 정의한다

입력된 텍스트가 없을때의 state에서 화면에 표시되는 메시지를 Set Property로 지정해준다

텍스트가 제대로 입력되면 괜히 랜덤 방향으로 턴하게 지정해서 마무리하려다가

타이핑할때마다 랜덤으로 바라보다가 입력이 끝나면 제자리로 돌아보는 효과를 낸고 싶어서 state를 하나 더 추가했다

완성 :)


👩‍💻 #100DaysOfCode Day12
Unity Input Field UI + Playmaker Practice




스터디/Unity 2018. 11. 16. 17:23

[Unity] Playmaker 플레이메이커 참고 북마크

Hutong 사 홈페이지

Hutong사 유튜브

여러 튜토리얼들 

템플릿 활용하기


디버그


디버그 중 State를 알트+클릭하면 임시로 트랜지션이 되도록 해볼 수 있다

트랜지션 부분을 알트+클릭하면 그 이벤트가 연결된 다음 스테이트로 넘어간다

Debug youtube

커스텀 액션 만들기

스크립트에서 커스텀 액션 접근하기

스크립트에서 플레이메이커 접근하기

팁!

State Machine 디자인하기
-FSM 디스크립션에 이 FSM이 어떤 behavior를 하게될지 서술해본다. 
-그래프뷰에서 대강 배치를 하면서 흐름을 크게 그려본다
-실제로 액션을 넣기 전에 스테이트에 Debug Log를 추가하면서 알트클릭으로 체크하며 테스트한다
-작은 여러 FSM들이 모여 큰 FSM이 되도록
-스탠다이즈된 이벤트 네임을 쓴다 “activate” “turnOn”

NoExit 예제


인벤토리 예제

애니메이션 기능 튜토리얼