본문 바로가기
반응형

TiL99

1.27 TIL, JSON에서는 undefined 사용 못함 오늘도 타입 맞추는거 때문에 애먹었다. 그래도 어제보단 수월했다. 유니온타입을 사용할 때, 타입을 narrowing하여 타입을 맞추어주는 것이 아직 익숙하지 않지만 많이 해보면 수월해지겠지 JSON으로 변환되는 로직에 undefined를 집어넣었다가 에러가 났다. JSON은 Javascript가 아니고, undefined를 지원하지 않는다는 사실을 알았다. 덤으로 NaN과 Infinity도 지원 안된다. 지금까지 무심결에 JSON에서는 주석을 사용하면 에러가 난다. 라고 인지하고 있었다. 왜인지는 모른채 왜나하면 JSON은 Javascript가 아닌, 독립적인 데이터 교환 포맷. 즉 문자열이기 때문이다. 이미 디자인, 수치까지 다 정리되어 있는 피그마가 있고, DB에서 해당 색상을 그저 불러와서 넣어주기.. 2022. 1. 28.
오랜만에 TIL, toString과 parseInt 다시 설명하기 한달간 프로젝트하느라 TIL을 4주프로젝트에 올리다가 이번에 오랜만에 라임주스 썸네일의 TIL을 작성한다! 뭔가 고향에 온듯한 느낌이다. 오늘 부득이하게 페어분이 촬영이 불가하셔서, 나 혼자 페어코딩 동영상을 혼자 찍었다. 코딩테스트에서 내가 잘못된 지식으로 코드를 설명한 것이 있다. toString()은 n진법 숫자로 바꿔주는 메소드 입니다. 라고 설명했는데, toString은 문자열을 반환하는 메소드이다. 또한 toString()의 매개변수에는 선택적으로 기수(radix)를 할당할 수 있는데, 기수는 2~36까지이다. 기수를 이용함으로써 10진수를 다른 진수로 변환할 수 있다. 즉, 교정한 멘트는 다음과 같다. toString()은 문자열을 반환하는 메서드인데, 매개변수에 2~36까지의 기수를 할당함.. 2021. 12. 23.
grid 속성 통해서 정렬한 날 , 4주프로젝트 +9, 코드스테이츠 133 grid-template-column : repeat(4,1fr) 아래 사진처럼 한줄에 4개씩 내릴수 있다. 첨 html,css 생활코딩에서 배울때 한번보고 그 이후로는 계속 flex만 사용했는데, grid를 많이 사랑해주어야겠다. 2주 프로젝트때 같이 작업했던 팀장님은 grid를 사용하지 않고 js로 배치시킨다고 하는데 그 이유는 grid는 1000개이후로는 정렬이 되지 않는단다. 그쪽팀은 무한스크롤을 구현중인데 그렇게 되면 유한스크롤이 되기 때문에 grid를 사용하지 않기로 했다고 한다. 무한스크롤을 구현하게 되면 꼭 기억해야 할 꿀팁이다. px, rem, em 언제 언제 사용할 지 알고 사용하기 px: 고정값 rem,em : 글자크기를 기준으로한 상대값, 화면크기에 따른 적절한 비율을 고려할때 사용.. 2021. 12. 1.
시간이 부족할것 같아 미리 해놓은 작업 기록,4주 프로젝트 + 7, 코드스테이츠 +131 이번 월화수목금동안 SR을 했다. 저번 2주프로젝트에서 시간이 부족했기 때문에, 이번 SR기간에는 시간이 날때마다 내가 구현해야할 기능들을 조금씩 미리 작성하고 있었다. SR기간동안 TourAPI사용법을 익혔고, 아래 프로토타입의 페이지를 미리 구현해보았다. 서버가 필요한 DB에서 자료받고, 해시태그 받는 기능외에는 얼추 완성해놓은것같아 다행이다. 어제는 아래와 같이 클릭한지점의 반경 10km에 있는 관광지들이 지도에 표시되는것까지 했다. 오늘은 그 관광지들을 밑에 리스트형태로 렌더링하고, 마커클릭시 관광지의 정보가 나오도록했다. 리스트는 배우기만하고 사용은 별로 안해서 익숙하지 않았던 styled-component를 써봤다. 점점 prototype에 가까워지고 있다. 이 부분만 따로 만들어놓은 레포지토.. 2021. 11. 28.
반응형