본문 바로가기

전체 글168

[TS] 유틸리티 타입 *오늘 배운 정도까지만 작성하고, 추후에 다른 유틸리티 타입 작성할 예정 타입스크립트의 유틸리티 타입은 기존의 타입들을 변환하거나 조합하여 새로운 타입을 생성 interface Example{ partial:string; omit:string; pick:string } 1.Partial 일종의 부분 집합인 타입 생성 const example:Partial = { pick:'pickMe', omit:'omitMe' } 2.Omit 가위바위보 하나 빼기 느낌으로 지정한 key(복수가능)가 빠져있는 타입 생성 const example:Omit = { pick:'pickMe', partial:'partial' } 3. Pick 골라서 장바구니 담는 느낌으로, 지정된 키만(복수 가능) 포함하는 타입을 생성 con.. 2023. 3. 2.
230228 뭐 한동안 몸이 개판이였다. 그래서 아픈 겸에 잠시 공부를 내려두었다. 손목엔 염증이 나고 귀에도 염증이 생겨서 잘 안들리고.. 코에도 피부장벽이 깨져서 다 곪고 난리두 아니다 지금도 손목이 시리고 손마디가 시리긴 한데 스트레스땜에 한꺼번에 온게 아닌가 싶다. 한 일주일은 더 쉬어야 할 것 같은데 쉽지가않다 2023. 2. 28.
[HTML] Pre 태그 꽤나 흥미로운 태그를 알게 됐다. 라는 태그인데 적혀진 그대로 표현이 되는 그런거다 어떻게 쓰일지는 정확히 잘 모르겠지만, 몇문장을 적을 때 아래 예처럼 ` `이렇게 할 필요 없이 pre로 하면 되지 않을까 싶다. 예를 들면 어서오세요! 즐거운 코딩월드에 오신 걸 환영합니다! 이런거를 어서오세요 여러분! 코딩월드에 오신 걸 환영합니다! 이렇게 하는것과 다름없지 않남? 코드펜으로 해보니 See the Pen Untitled by Yunjin Lee (@sweesweett) on CodePen. 조금은 다른걸 알 수 있는데 뭐...직접 css 해준다면 별차이는 없을 것 같다. 참고자료 https://developer.mozilla.org/ko/docs/Web/HTML/Element/pre - HTML: Hy.. 2023. 2. 23.
230223 dnd는 결국 완성을 하긴했는데 문제가 발생했다. 미리 어디 자리에 생길지 보여주는 미리보기의 조건값을 어떻게 해야할 지 모르겠다. 현재 다른 state(예: todo->inProgress) 일 때 이동은 알맞게 잘 되는데 같은 state나 맨 아래로 이동할 떄는 잘 되지 않는다. 지금 따로 div를 줘서 했는데 ::after로 변경하고 그냥 조건에 따라 위치를 다르게 줘야하지 않나 싶기도 하다. ---- 다음주는 chatGPT가 짜준대로 살아보려한다^^ 월요일 아침: 토이 프로젝트 구상하기 오후: HTML, CSS, JavaScript 문법 복습하기 저녁: 면접 질문 예상 답변 작성하기 화요일 아침: 프로젝트 구상한 아이디어를 바탕으로 UI 설계하기 오후: CSS 레이아웃 관련 실습하기 저녁: 포트폴리.. 2023. 2. 23.

티스토리툴바