개발항해일지 22년/8월/1주 :: 앤트디자인, 이메일 템플릿, 3D 맵 생성

일지 2022년 8월 1주차

 

 

앤트 디자인 Select 커스터마이징

현재 프로젝트에 앤트 디자인(Ant Design)이 적용되어 있어

수정/추가를 하려면 사용법을 알아야한다.

 

이런 저런 디자인이 대응되어 있는 리액트 컴포넌트 라이브러리지만,

요구사항이 그 한계를 넘는 것들이 있다.

 

예를 들면 Antd의 Select 컴포넌트 border-radius를 바꾸는 것

이 예시와 함께 조금의 설명을 섞어서 포스트 작성했다!

 

https://forgottenknowledge.tistory.com/entry/Ant-Design-Select-컴포넌트-커스터마이징-feat-emotion

Ant Design :: Select 컴포넌트 커스터마이징 feat. emotion

 

 

안전한 이메일 템플릿

안전한 이메일 템플릿이란 무슨 말일까?

 

이메일을 보여주는 주체들

Gmail, Yahoo, Naver, Apple, Outlook 각각의 웹, 앱 버전, 애플, 안드로이드 각 시리즈 등

정말 다양한 친구들이 이메일을 렌더링하고 이들을 '이메일 클라이언트'라고 지칭하는 것 같다

 

이들은 HTML, CSS에 대한 지원이 다르기도 하고, 비교적 최근 기술도 지원을 안한다.

각각을 위한 스타일을 만드는 것은 생각만 해도 스트레스다.

 

그럴바에,

여기저기서 통하는 HTML 태그와, CSS 스타일 규칙들만 사용해서

'안전한 이메일 템플릿'을 제작하는 것이 훨씬 마음이 편하다.

그 내용을 예와 그림을 통해 정리해봤다.

 

https://forgottenknowledge.tistory.com/entry/HTMLCSS-안전한-이메일-템플릿-만들기

[HTML&CSS] 안전한 이메일 템플릿 만들기

 

 

JavaScript 3D 만들기 2탄 맵 구성

이번주도 역시 주말 프로젝트로 JavaScript로 3D 게임을 만들고 있다.

저번주까지 기획한 내용을 바탕으로 직접 구현을 시작했다

 

이번주는 2D를 3D로 바꿔주는 스타일을 알아보고,

간단하게 Viewport, Camera, Scene 그리고 큐브로 맵을 구성해보는 내용을 담았다

 

https://forgottenknowledge.tistory.com/entry/JavaSciprt%EB%A1%9C-3D-%EA%B2%8C%EC%9E%84%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EC%9E%90-2

JavaSciprt로 3D 게임을 만들어보자 :: 맵 구성 (2/?)

 

 

테스트 코드

테스트 코드 역시 많이 사용했지만 정리는 하지 못했다

하면서 참고한 링크는 참고 링크에!

다음에 기회가 되면 정리해보자(안하겠다는 뜻이겠지)

 

 

Sail by Anastacia Dvi @unsplash

 

 

참고 링크

 

Using querySelector we don't need to know the structure

=> https://stackoverflow.com/questions/59808414/react-testing-library-get-child-input-inside-of-testid-element

 

Git Cherry Pick

=> https://www.atlassian.com/git/tutorials/cherry-pick