# items
int형의 숫자를 str형의 영어로 변환, 반대로도
1~99까지 int형의 숫자를 str형의 영어로 변환하는 코드가 필요하여 개발한 내용 기록 > 1이라고 입력시 one으로 반환하는 코드가 필요하여 검색해보니 대부분 아스키 코드로 변환하는 것만 나와있었다 dict을 모든 값에 사용하는 것은 무식한 방식인 것 같아서 찾아보니 https://wikidocs.net/189137 에서 1~20까지는 모두 dict에 넣고, 그 외에 값은 십단위만 넣어서 한자리 값과 더해서 사용하면 된다는 것을 알게 되었다. (영단어가 그런 규칙으로 되어있다는 것을 생각하지 못했다..) 코드 작성하면서 사용된 함수 input() try, except int() isinstance() items() replace() Code 코드는 위와 같이 작성하였다. Code Description english_number라는 dict값을 생성(39까지만 가능한 것으로 구상했기 때문에 40~90은 추가하면 됨)

TIL 4일차 - [HTML/CSS] Flexbox
학습 목표 레이아웃을 위한 HTML을 만들 수 있다. > o display: flex;를 자식 요소가 아닌 부모 요소에 적용해야 함을 이해한다. > o > display: flex(속성명:속성값)를 설정하는 이유는 원하고자 하는 영역을 화면상에서 고정이 아니라 > 유연하게 정렬하거나 조절하기 위함이다. 즉, 고정되어 있는 위치를 유연하게 움직이기 위해서 사용한다. > flex의 속성 중 부모 요소에 적용해야 하는 속성이 있고, 자식 요소에 적용해야 하는 속성이 있다. > 이때, display: flex, flex-wrap, flex-direction, justify-content, align-items는 > 부모 요소에 적용해야 자식 요소에 작동한다. 따라서 주고 싶은 태그가 자식이 없는 경우에는 임의로 그 태그를 덮는 부모 태그를 만들어 그 부모 태그에 flex 속성을 적용한다. > 이때, flex-wrap, flex-direction, justif

flex2
저번 포스트에서 flex에 대해서 부모 요소인 container에 적용할 수 있는 요소들에 대해서 공부했다. 생각해보니 flex를 지금가지 써 오면서 container에만 적용하여 css작업을 했다. 하지만, item에 적용할 수 있는 것들을 공부하면서 정말 유용한게 많다고 생각했으며 삽질의 순간들이 스쳐지나갔다... ㅜ.ㅜ 그럼 item에 적용할 수 있는 요소들에 대해서 살펴보자. > item에 적용하는 것이기 때문에 container가 아닌 class="item"에 적용해야 한다. 🍀 item에 적용할 수 있는 요소 👉🏻 Ⅰ) flex-basis flex-basis는 flex가 적용된 상태에서 item들의 width에 대한 기본 크기를 지정한다. 🤔 왜 flex-basis가 필요할까? > 기본 크기를 설정할 때 width: ??px과 같이 사용을 해 와서 width값을 설정해주면 되는데
장고 심화 강의 5주차
1. drf에서 테스트코드 작성하기 - 테스트코드란? 작성한 코드들이 원하는 값을 내놓는지 확인하는 코드! 예) unittest(파이썬) 결과) - 테스트 코드를 사용하는 이유! 버그를 빠르고 쉽게 찾아낼 수 있다. 시간과 돈을 아낄 수 있다. 익스트림 프로그래밍에서 중요한 부분을 맡고 있다. 문서화하여 정보를 제공해준다. 신뢰도를 높여준다. 퍼포먼스를 체크할 수 있다. 코드 커버리지를 보장해준다.(안전한가) 코드의 복잡도를 낮출 수 있다. - TDD 2. 프로젝트 설정과 첫 테스트코드 장고의 테스트툴이다! 유닛 테스트 관련 자료 : https://velog.io/@fcfargo/django-Unit-Test 3. 장고에서 쓸 수 있는 테스트툴 python testing [unittest — Unit testing framework — Python 3.10.5 documentation

flex
이번에 typescript를 배우면서 혼자 토이 프로젝트를 진행하는데 UI가 남들에게 보여줄 수 없을 정도로 너무 구리다....;; 😭😭😭(보여줬는데 다들 웃음 ㅜㅜ) 따라 진행 중인 토이 프로젝트를 엎고 UI는 pinterest등을 참고하고 엎은 김에 더 많은 기능들을 구현해보고 싶은 생각이 들었다. 시작과 동시에 css작업 도중 생각보다 시간이 많이 걸린다.. 따라서 핫한 flex와 grid를 완벽하게 잡아보고자 정리한다. 🍀 시작하기 앞서... flex를 이용하여 수직 가운데 정렬을 line-height로 많이 했다고 하는데 flex를 이용하면서 편해진게 많다고 한다!! flex에 대해서 알아보자!! flex는 크게 부모 요소인 container와 container안에 존재하는 items과 상호작용을 한다. 그리고 부모 요소인 container에 속성을 지정함으로써 item들을
JSTL
c:forTokens items = 배열로 사용할 객체 혹은 변수명 Token에 delims=""가 없다면 오류발생 >forEach 에서 count, index,first,last 등 숫자를 넣고 싶다면 varStatus를 사용해야 합니다