본문 바로가기

전체 글562

[CSS] Chapter 07. 시멘틱 태그와 스타일링 시멘틱에 관한 설명글 : https://song-ift.tistory.com/8 https://song-ift.tistory.com/50 하나를 에로 들면 : 단순히 글자만 굵게 : 문서에서 중요한 단어 두 태그는 보이기에 렌더링상으로 똑같이 보인다. 시멘틱 태그는 적절한 상황에 의미를 부여해서 쓰는것이지, 단순 웹의 스타일링을 위해 사용하면 안된다. 검색포털에서 html을 읽는데 도움이 될 수 있고, 스크린리더에 탐색할 때 용이하다. 시멘틱 태그는 종류도 많거니와 외울 수 없다 자주 사용하는 시멘틱 태그 : 위 첨자 : 아래 첨자 : 약자 2022. 12. 26.
[CSS] Chapter 06. class와 id 속성 ID 값은 단 하나 1 2 id의 값 같은 경우는 문서에 고유, 유니크하게 단 하나만 존재하는 것이 개발자들끼리의 약속이다. 설령 적용된 id값의 요소가 중복으로 존재하더라도 브라우저상에서는 아무런 에러없이 렌더링 될 것이다. 하지만 개발자들끼리 id값은 고유한 값으로 사용하자는 약속이고, 관습이다. var x = document.getElementById("heading"); // 어짜피 id를 선택하는 것이기 때문에, 단 하나만 선택된다. var xx = document.getElementsByClassName("title"); // class는 여러번 중복되도 되기 때문에, 여러개의 태그가 할당된다. 웹 프로그래밍에서 html, css, javascript까지 세 개는 떼놓지 못할정도로 많은 연관을.. 2022. 12. 23.
[Game Project - 3D Team] Nier Automata (핵 앤 슬래시) [DirectX 3D - Team Project] 니어 오토마타 동영상(Client) : https://www.youtube.com/watch?v=51SftHxQRdQ 동영상(Tool) : https://www.youtube.com/watch?v=SsG11WXrBy0 장르 : 핵 앤 슬래시 날짜 : 2020.01.01 ~ 2020.03.01 인원 : 3명 (담당 파트 : Animation Tool, 플레이어, 몬스터, 카메라, 충돌) 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, MFC, DirectX9, HLSL GitHub : https://github.com/developeSHG/GAME-Nier_Automata 디자이너가 만든 메쉬의 로컬 움직임을 그대.. 2022. 12. 21.
[Game Project - 3D Individual] Styx (잠입액션) [DirectX 3D - Individual Project] 스틱스 동영상(Client) : https://www.youtube.com/watch?v=gf9KTKMfrRw 동영상(Tool) : https://www.youtube.com/watch?v=Jzo6Vq71sAQ 장르 : 잠입액션 날짜 : 2019.11.01 ~ 2019.12.01 인원 : 1명 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, MFC, DirectX9, HLSL GitHub : https://github.com/developeSHG/GAME-Styx 메인 프레임워크 (DLL로 분리해 엔진과 클라이언트를 세분화) Component, Prototype Pattern을 사용해 독립적, 효율적 .. 2022. 12. 21.
[Game Project - 3D Team] Hue (어드벤처) [DirectX 3D - Team Project] 휴 동영상(Client) : https://www.youtube.com/watch?v=-ICA6lMnkI8 동영상(Tool) : https://www.youtube.com/watch?v=xXEDjC7VByM 장르 : 어드벤처 날짜 : 2019.09.01 ~ 2019.10.01 인원 : 3명 (담당 파트 : Tool(Map, Object), 카메라, 이펙트, 충돌, 튜토리얼) 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, MFC, DirectX9 GitHub : https://github.com/developeSHG/GAME-Hue Map Tool, Object Tool 3D 툴을 구현해 큐브 블록 배치 및 지형.. 2022. 12. 20.
[Game Project - 2D Individual] Awesomenauts (AOS) [DirectX 2D - Individual Project] 어썸너츠 동영상(Client) : https://www.youtube.com/watch?v=jgt_VzlvIEE 동영상(Tool) : https://www.youtube.com/watch?v=BUzxY5WcQXY 장르 : AOS 날짜 : 2019.07.01 ~ 2019.08.01 인원 : 1명 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, MFC, DirectX9 GitHub : https://github.com/developeSHG/GAME-Awesomenauts 맵 툴을 제작해 정적 오브젝트 및 충돌 타일 배치 3D 공간의 좌표를 이용해 윈도우 좌표로 변환 후 스크롤 기능 구현 Multi Thre.. 2022. 12. 20.
[Game Project - 2D Individual] Crazy Arcade (액션) [Win API 2D - Individual Project] 크레이지아케이드 동영상(Client) : https://www.youtube.com/watch?v=_zshmuKgud0 동영상(Tool) : https://www.youtube.com/watch?v=zNB4gyvFYEs 장르 : 액션 날짜 : 2019.05.01 ~ 2019.05.15 인원 : 1명 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, Windows API GitHub : https://github.com/developeSHG/GAME-CrazyAcade 타일 형식의 맵을 Tool로 찍어서 지면 충돌 구현 아틀라스 텍스처(Atlas Texture)의 픽셀 인덱스를 이용한 맵 툴 제작 Scen.. 2022. 12. 20.
[Game Project - 2D Team] StarCraft Defence (디펜스) [DirectX 2D - Team Project] 스타크래프트 디펜스 동영상(Client) : https://www.youtube.com/watch?v=g8MoolX7qbk 장르 : 디펜스 날짜 : 2019.07.08 ~ 2019.07.10 인원 : 2명 중 팀장 (담당파트 : Framework) 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, DirectX9 GitHub : https://github.com/developeSHG/GAME-StarCraft_Defence 내적과 외적을 통해 각도와 비례하는 텍스처 프레임 설정 일정 시간에 따른 몬스터 Wave 설정 좌표를 저장해 몬스터의 이동 경로 저장 2022. 12. 20.
[Game Project - 2D Team] MFC 툴 제작 [Win API 2D - Team Project] MFC툴 날짜 : 2019.06.01 ~ 2019.06.03 인원 : 2명 중 팀장 (담당파트 : Animation Tool, Map Tool) 개발 환경 : Visual Studio 2015 (x64) 개발 언어 및 도구 : C++, MFC, DirectX9 GitHub : https://github.com/developeSHG/GAME-MFC_Tool 게임에 필요한 데이터를 쉽게 파싱 가능하도록 툴 제작 Character Sprite Animation Tool 제작 MFC Slider Control을 이용해 세밀한 설정 가능 2D 게임의 Sprite 재생 속도 제어 2022. 12. 20.
[JavaScript] Chapter 24. 예외처리 예외처리 exception Handling 오류 발생 시, 코드 실행 흐름 복구기능 지님 try ~ catch ~ finally 사용 구문 오류 Synatax Error 문법 오류 try ~ catch ~ finally 오류 발생 시, 중단되지 않고 지속됨 예외 처리 시에 필요한 구문 try { // 로직 } catch(e) { // 에러 발생 시, 로직 } finally { // 마지막 } try 에러 발생 시, 원상복구 시도하는 곳 catch 에러 발생 시, 코드 실행 흐름이 try에서 catch로 감 에러 정보 담고있음 (e) finally 무조건 실행되는 코드 try 종료되면 실행 try ~ finally 에러 발생하지 않은 경우 사용 try ~ catch ~ finally 에러 발생한 경우 사용.. 2022. 12. 19.

티스토리툴바