전체 글195 DEVIEW 2021: 타입 스크립트 강의, 주니어 개발자 성장 목차 타입스크립트가 궁금합니다. private 하거나 너무 당연한 number, string일 경우 안쓸 수 있다. 어쩔 수 없이 any를 사용해야하는 경우가 생긴다 . 1. 외부 라이브러리 사용할때 interface로 any를 사용하는 경우가 있다. 지금와서 type, interface의 차이가 엄청 크게 나진 않기에 그냥 팀적으로 어떤 것을 사용하자 라고 정하고 쓰는것이 좋다고 생각한다. 선언하는 방법만 조금 다르다. https://github.com/type-challenges/type-challenges 질문입니다. ts 를 아직 사용해보지 않았는데, 기존의 js 에서 ts 로 개선해 나가려고 할때 가장 어려움이 많았던 부분이 어떤것일까요? -> 팀원들 모두가 TS를 도입하는 것을 동의하는 것이 .. 2021. 11. 24. TIL 21.11.23 webgl vs canvas ❓오늘의 질문 HTML 에서의 Canvas란? 간단한 정의로는 HTML 상에서 js 언어로 된 그래픽 요소를 출력할 때 사용하는 표시 창이라고 보면 된다. canvas 자체는 단순한 컨테이너로, 내부에 출력되는 요소들은 js 언어를 통해 그려진다. 비슷한 웹 브라우저에 그래픽 요소를 출력하기 위해 사용되는 webGL과 비교했을때, webGL 자체가 canvas에서 발전해서 분화된 만큼 canvas의 기능은 상대적으로 부족하다. 하지만 이번 프로젝트에서 canvas를 사용하는 이유는 역설적으로 기능이 부족하기에 이를 활용하기 위해 알아야하는 사전 지식이 오히려 적다는 것이다. 아예 개발 경험이 없던 나에게 사용난이도가 낮다는 것은 아주 중요한 이유 중 하나가 된다. 시간도 5주 밖에 없기도 하고 말이다. .. 2021. 11. 24. TIL 21.11.18 게임 구현 게임 구현 게임 구현 💻개발 🍎프론트엔드 계속 몇일 동안 같은 코드만 바라보다보니 정신이 혼미해진다. 이 작업 저작업 하던 초기에는 이런 기분이 안들엇는데 계속 요청 및 변화사항에 따라 자꾸 조금씩 조금씩 바꿔가다보니 테세우스의 배마냥 이게 내 코드가 맞을까 싶은 단계에 도달한 기분도 들고 아무뜬 멜랑꼴리하다. 이럴떈! 한숨자는게 최고지. 2021. 11. 19. TIL 21.11.17 소켓 io... 실시간 멀티플레이어 게임 구현 ❓오늘의 질문 오늘은 단순히 게임 구현에 집중해 어떤 질문점이 있거나 하진 않았다... 물론 모든게 답답했다. 생각한대로 되질 않아!! 💻개발 🍎프론트엔드 여차저차해서 다들 막 움직이면서 폭탄을 건내주는 폭탄 돌리기 게임의 프로토타입을 제작해냈다. 솔직히 지금 코드가 살짝 우리 손에서 벗어난 감이 있다. 일단 구현을 최우선으로 작업을 진행했는데 그러면서 점점 내가 정확히 파악하지 않고 지나온 부분들이 슬슬 발목을 잡아간다. 단순히 한 브라우저에서 출력되기만 하는 경우에는 아무 문제 없엇는데.. ㅠㅠ 서버를 통해 모두에게 공평하게 위치 정보를 잘 전달하거나 하는 것이 생각보다 어렵다; 내일 해야할 일: 1. 플레이어 컴퓨터 성능에 따라 다르게 나오는 속도 2. 내가 폭탄있는 사람한테 부딕쳤을때 안 옮겨옴 .. 2021. 11. 18. TIL 21.11.16 이놈의 타입스크립트!, 백과의 협업 ❓오늘의 질문 타입스크립트는 왜 쓰는가? 타입스크립트의 가장 큰 장점은, 변수의 타입명을 강제하여 해당 변수에 지정된 타입 이외의 값이 들어올 경우 오류를 발생시켜 개발자가 문제점을 인지할 수 있게 해준다는데에 있다. 이는 여러 사람이 붙고 코드의 양이 길어지는 큰 규모의 프로젝트에서는 상당히 유용한 장점이 될 수 있다. 또한 변수 초기화를 하지 않는 선언의 경우, 이 변수에 어떤 값이 담길지 읽는 것만으로 파악하기 어렵기 때문에 협업 측면에서 읽기 좋다는 점도 있다. 하지만 우리 프로젝트는 솔직히 규모가 크지도, 시간이 많지도 않다. 그런 면에서 타입스크립트를 사용하는 것은 오히려 개발 속도를 늦추는 요인이 될 수 있다. 그럼에도 왜 우리는 지금 이 프로젝트에 사용하고 있는가? 이 이유는 현재 우리가 .. 2021. 11. 17. TIL 21.11.12 타입스크립트, 코드 리뷰 오늘은 서식이 없다. 왜냐 너무 피곤해서 til 쓸 생각도 안하고 후다닥 방으로 들어오고 나서 핸드폰으로 작성하고 있기 때문이다... 지금까지 js로 작성했던 연필 돌리기를 타입스크립트화 시켰다.(이게 맞는 표현인가?) 그 과정은 생각보다 간단했다. 객체 빼고 정도? 그리고 타입스크립트를 사용해서 처음부터 하나의 페이지를 제작했다. 프로젝트에서 내 정보가 보여질 부분인데 컴포넌트, 탭 기능, 뭐 이런것보다 css가 진짜 진짜 짜증났다. 아니 이거 시바 이래되는거야? 레이아웃을 원하는데로 짜는게 왜이렇게 마음처럼 안되는지... 내일 대대적인 공사가 들어갈 것이다. 위에서 말한 내정보 페이지의 pull request를 만들었고, 엉망진창 코드리뷰 당했다. 상당히 즐거운 경험이었다. 내가 생각도 못했던 부분을.. 2021. 11. 13. TIL 21/11/11 css 뭐같네 ❓오늘의 질문 실시간 멀티플레이어 게임... 그래서 라이브러리, 프레임워크, 엔진 필요해? 결론은 또다시 NO. 이미 고려했던 질문인데 왜 다시 돌아왔는가.. 하면 그때는 실시간 멀티플레이어 게임이라는 아이디어 자체를 진지하게 고민하지 않았기 때문이다. 지금 와선 여러 면담과 조언을 통해 실시간 멀티플레이어 미니 게임은 확실히 우리 프로젝트에 필요하게 되었기 때문에 이를 쉽게 구현할 방법을 찾고자 phaser , modd.io 같은 웹 게임 엔진들을 찾아봤지만 결국 같은 이유, 또 배워야할게 는다, 우리 버젼과 호환성 문제가 생길 경우 감당 불가능.. 이라는 이유로 반려했다. 💻개발 🍎프론트엔드 css, sass 너무 싫어... 왜 내가 원하는 위치에 딱딱 안가주냐고. 내가 원하는대로 해줬잖아! 내가 뭘.. 2021. 11. 12. TIL 21/11/09 canvas란... ❓오늘의 질문 오늘은 특별히 의문을 가지고 진행한것은 없다. 단순한 코딩의 무한 반복... 생각해보니 하나있긴하다. canvas 조작에 심취해 react를 학습할 경우는 없었는데 이래도 되는걸까? 이에 대한 대답은 어디에 검색해서 알 수 있는게 아니겠지. 앞으로 어차피 react로 웹 앱을 구현해야하기에 그때자연스래 배울 거라고 기대한다. 💻개발 🍎프론트엔드 오늘은 canvas에 아주 미쳐버렸다. canvas를 통한 animation 구현으로 간단한 연필돌리기 게임을 만들기 위해서였는데 게임 로직은 아직 없지만 단순한 애니메이션은 내가 원하는 목적에 도달했다. 아주 간단한 결과물이지만 정말 생각보다 오래걸렸다. 처음이니까 봐주세요... 지금은 캡쳐라 멈춰있지만 열심히 빙글빙글 돌고 있다. 연필돌리기 복불.. 2021. 11. 10. TIL 21/11/08 오늘부턴 정말 리액트 + canvas 뿐이야... ❓오늘의 질문 웹 앱 게임을 만드려는데 추가적인 엔진, 프레임워크가 필요할까? 조사해본 결과, 우리가 만드려는 프로젝트에서 구현할 게임은 단순한 물리 작용이 없는 류의 게임이기에, 3d 랜더링, 물리 엔진 등을 지원하는 추가적인 엔진이 필요없다. 물론 엔진을 사용할경우 게임에 최적화된 개발환경을 갖출 수 있겠지만, 근 일주일동안 리액트를 학습하며 느낀 여러가지 초기설정의 귀찮음, 학습의 양 등을 고려했을때, 엔진을 추가할 때 이를 절대로 충분히 활용 할 수도 없고, 프로젝트가 필요 이상으로 복잡해질 수 있다는 느낌을 받았다. 💻개발 🍎프론트엔드 게임 구현을 canvas로 할 것이기에 아래 영상링크를 통해 canvas로 벽돌깨기 클론 코딩을 하며 리액트와 canvas에 대한 이해도를 높혔다. canvas는.. 2021. 11. 9. 이전 1 2 3 4 5 6 ··· 22 다음
