-
FrontEnd 공부 9일차 -css 자주쓰는 속성 ( 개인 스터디 ) 2022.03.16 12:33
-
FrontEnd 공부 8일차 -css 적용방법 ( 개인 스터디 ) 2022.03.15 09:51
-
FrontEnd 공부 7일차 -css 시작하기 ( 개인 스터디 ) 2022.03.14 11:52
-
FrontEnd 공부 6일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) 2022.03.11 16:53
-
FrontEnd 공부 5일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) 2022.03.11 14:57
-
FrontEnd 공부 4일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) 2022.03.11 11:22
-
FrontEnd 공부 3일차 - HTML 만들기 ( 개인 스터디 ) 2022.03.11 10:26
-
FrontEnd 공부 2일차 - HTML elements reference ( 개인 스터디 ) 2022.03.10 16:33
-
[Unity] 랭킹 알고리즘, 순위 구현하기
안녕하세요. 달빠입니다. 안녕하세요. 달빠 입니다. Unity 에서 많이 사용하는 랭킹, 순위 구현하기 알고리즘을 구현 해보겠습니다. 아래 결과 화면에서 보시다 시피 구현되어야할 사항은, 1. 순위, 2.이름, 3. 점수 입니다. 매월 랭킹의 초기화가 이루어 지게되며 확장성에 용이하도록 구현해보았습니다. [Unity]PlayerPrefs 을 이용한 저장, 불러오기 구현하기 - 참조 //1. 저장Pref을 하기위함 함수 구현 [[ public virtual bool SavePref(string key, object dataPack) { string saveData = ObjectToStringSerialize(dataPack); PlayerPrefs.SetString(key, saveData); retur..
2019.06.10 13:13 -
[Unity] Animation 재생 시간 구하기
안녕하세요. 달빠입니다. 오늘은 유니티에서 Animation 의 개별 시간을 가져오는 알고리즘을 공유하려합니다. 케릭터의 애니메이션들이 다양하게 있을수 있는데 해당 애니메이션의 애니메이션 시간을 가져와서 다양하게 활용할 수 있도록 제공하는 알고리즘입니다. // 사용할 케릭터 애니메이션 enum 값 추가 - 다양하게 입맛에 맞게 조절하시면 됩니다.public enum eCharacterState { idle, walk, attack, hit, die, celebration, ZZattack1, ZZattack2, ZZattack3, faint, scream, } // 에니메이션 Duration 값 얻기 public float MoveDuration(eCharacterState move) { string n..
2019.06.11 12:09 -
unity 초를 분 초 밀리세컨드 단위 출력 ( minute, seconds, Millisecond parsing) parsing )
안녕하세요. 달리는애아빠입니다. 초를 입력 받아 분초로 표현하는 알고리즘입니다. 해당하는 코드를 응용하면 많은 활용도가 있으니 잘 적용해보시길 바랍니다. 12345678910111213141516using System; //초를 입력받아 분,초 표시public string getParseTime(float time){ string t = TimeSpan.FromSeconds(time).ToString("mm\\:ss"); string[] tokens = t.Split(':'); return tokens[0] + ":" + tokens[1];} //초를 입력받아 분,초,밀리세컨트 public string getParseTime(float time){ string t = TimeSpan.FromSeconds..
2020.04.03 09:58 -
Unity nGUI Circular Progress Bar 만들기 ( 원형 프로그레스바 )
안녕하세요. 달리는애아빠입니다. 오늘은 Unity nGUI 를 활용하여 원형 프로그레스바를 제작 해보려합니다. 사용범위는 스탑워치, 뮤직 플레이어 등등 다양하게 활용이 가능 할거 같습니다. 1. 사용할 원형 이미지 제작 색상 + 백그라운드로 사용할 흰색 동일 크기로 제작해 줍니다. 2. nGUI UI ProgressBar 제작 3. foreground 와 Background UISprite - Type : filled - flip : Nothing - FillDir Radizl 360 설정 4. UI 프로그레스바 vlue 값 확인 잘 동작을 하는것을 확인 하실수 있습니다. 다음시간에는 해당 프로그레스바에 thumb 이미지 적용을 해보도록 하겠습니다. 감사합니다. 미약하게나마 유용한 정보가 되었다면 구독 ..
2020.04.02 16:17
-
FrontEnd 공부 9일차 -css 자주쓰는 속성 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. 오늘은 이전에 html 문서 만들시 자주 사용했던 태그 정리했던 포스팅처럼 CSS 도 정리한번 하도록 하겠습니다. 1. width (가로길이) , height ( 세로길이 ) auto : 기본값, 브라우저가 계산한 너비 px : 픽셀 % : 부모 요소에 상대적인 너비 initial :기본값으로 초기화 inherit : 부모 요소로부터 상속 받은 값 2. margin (안쪽에서 늘어남) , padding ( 밖에서 늘어남 ) margin-top : 위 여백 지정 margin-bottom : 아래 여백 지정 margin-left : 왼쪽 여백 지정 margin-right : 오른쪽 여백 지정 margin:40px 30px 20px 10px : 순서대로 위, 오른쪽,아래,왼쪽..
-
FrontEnd 공부 8일차 -css 적용방법 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. 지난 시간에는 css 를 하나의 html 문서에 적용을 시켜서 1일차부터~7일차까지 html 문서에서 7일차에만 적용되는 방법을 배웠다면 이제는 css 스타일 문서를 작성하며 적용하는 방법을 여러가지 배워보도록 하겠습니다. css 스타일 문서를 적용하는 방법에는 3가지 방법이 있습니다. 1. html 태그안에 style 속성에 css 코드를 넣는 방법 2. html 문서안에 태그 안에 태그를 넣어서 적용시키는 방법 3. 별도의 css style 문서를 만들어 html 문서와 연결하는 방법입니다. 1.번을 실습해 봅시다. 코딩 : DOCTYPE html> 8일차 CSS 공부입니다. 1. html 태그 안에 style 속성에 css 코드를 적용시키는 방법 결과 : 태그 안쪽..
-
FrontEnd 공부 7일차 -css 시작하기 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. 프론트엔트 7일차 html 문서의 작성 방법에 어느정도 감을 잡으신 분들은 이제 우리가 작성한 html을 이쁘게 꾸며볼수 있는 css 에 대해서 공부해 보도록 하겠습니다. CSS - Cascading Style Sheet ( 정의된 스타일링 문서가 있다면 계단식으로 사용하는 스타일링 문서 ) ㄴ Author style ( 개발자가 지정한 스타일링 ) ㄴ User Style ( 유저가 지정한 스타일링 ) ㄴBrowser ( 브라우저가 지정한 스타일링 ) 이렇게 계단식으로 내려가면서 지정된 스타일링 문서라고 보면 될거 같습니다. 질문 : 그래서 어떻게 css 를 내가 만든 html 에 적용을 시킬수 있는가? 답 : 차근차근 따라해 봅시다. 일단 7일차 html 만드시고 ( ..
-
FrontEnd 공부 6일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. 오늘은 html 자주사용하는 태그, elements 사용하기 마지막입니다. 이제 html 에 대해서는 어느정도 이해가 되고 자주 사용하는 웹사이트에 뭐가 들어가는지 어느정도 보이지 않으신가요? 안보이시면 역시나 복습이 최고입니다. https://papa-run.tistory.com/100 FrontEnd 공부 1일차 - HTML 기초 ( 개인 스터디 ) HTML 정의 1. Hyper Text Mark-up Language 는 웹페이지의 모습을 표시되도록 설계된 문서의 표준 마크업 언어이다. * 마크업언어 - 어느정도 태그들로 이루어진 구조적으로 작성된 언어 아래와 같이 papa-run.tistory.com https://papa-run.tistory.com/101 htt..
-
FrontEnd 공부 5일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. 지난시간에 html 자주사용하는 elements 들 7가지를 배워보았는데요. 1) 제목에 사용하는 heading 태그 2) 본문을 나누어 주는 태그 3) 한줄 줄바꿈을 해주는 태그 4) 하이퍼링크 태그 5) 리스트, 목차, 정렬된 6) 순서가 정해지지 않은 리스트를 묶는 부모 7) 순서가 정해져 있는 리스트를 묶는 부모 기억이 안나시거나 다시한번 복습하실 분들은 4일차 보고 오시면 되겠습니다. 달리는애아빠 html 4일차 바로가기 자 5일차 연속으로 달려보도록 하겠습니다. 먼저 기존에 만들어둔 work 폴더에 이미지 폴더를 만들고 이미지 한나를 넣어 놓도록 합니다. c -> work -> html -> images 폴더생성 후 이미지 넣기 웹상이나, 내폴더내에 있는 이미..
-
FrontEnd 공부 4일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 )
안녕하세요. 달리는 애아빠입니다. frontend 4일차 html 자주사용하는 elements 작성해보기 하도록 해보시죠 첫날에 태그들 어디서 확인하는데? 기억하시는분 없겟죠. 네 이제 포스팅마다 아래에 첨부해서 하도록 하겠습니다. 질문 : 근데 나는 태그 1도 모르는데 저런 태그들은 어디서 확인함? 답 : 태그 확인하러가기 -> 전세계 웹개발자들이 여기서 많이 확인하고 예제를 통해서 배우는걸 추천 포스팅 하면서도 태그안에 하이퍼링크 이름바꿔주는 센스 잊지 말고 써보도록 합시다. 기억이 안나시는분들은 2일차,3일차 다시한번 복습 하시고 오시면 좋습니다. 달리는애아빠 html 2일차 바로가기 달리는애아빠 html 3일차 바로가기 자 이제 자주 사용하는 태그들을 고르고 골라서 한번씩 해보고 체험한번 해봅시다..
-
FrontEnd 공부 3일차 - HTML 만들기 ( 개인 스터디 )
지난번에 HTML 에서 사용하는 elements 에 대해서 공부해 봤으나 기억이 나지 않으시면 복습 2일차 복습을 해보자 자 이제 티스토리 블로그에서 elements 를 사용 하는것은 마스터가 되었다 라고 생각을 해도 되겟죠?? 이제는 Frontend 개발자가 되기위한 기본 IDE 를 사용을 해보시죠 질문 : IDE 뭐임요 ㅡㅡ 답 : IDE 통합 개발 환경(Integrated Development Environment, IDE) 질문 : 무슨말인지.. 답 : 티비에서 보는 개발자들이 쓰는 개발 도구라고 이해하심이 빠르심 물론 html 은 메모장으로도 충분히 문서작성이 가능하지만 이왕이면 개발자가 목표이면 개발자 스럽게.. 여러가지 IDE 통합 개발 환경의 종류[편집] 개발사플랫폼운영 체제언어라이선스특징..
-
FrontEnd 공부 2일차 - HTML elements reference ( 개인 스터디 )
HTML elements reference Html 에서는 이미 지정되어 있는 elements 들이 있고 정해진 것을 활용하여 html 문서를 작성한다. https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. developer.mozilla.org 문서의 최상단 루트를 나타내며 모든 다른 elements 는 의 자식으로 표현을 해야한다. 질문 : 난 html 이라 쓰기 싫은데요? html 위에 body 안됨? 답 : 네 개인의 취향 존중하지만 우리가 사용하는 브라우져 상에선 html 기본 ..