본문 바로가기
728x90

분류 전체보기115

[21/12/17_TIL] .reverse()와 .sort(reverse=True)의 차이 (Python) [21/12/17_TIL] .reverse()와 .sort(reverse=True)의 차이 (Python) .reverse() 와 .sort(reverse=True)의 차이 (Python) sort는 정렬의 개념이라 내림차순이 되고 reverse()는 단순히 순서만 반대로 된다. arr = [6, 3, 9]일 때 arr.sort(reverse=True) print(arr) // [9, 6, 3] arr.reverse() print(arr) // [9, 3, 6] 2021. 12. 17.
정글을 마치며.. 정글을 마치며.. 드디어 정글이 끝났다. 나만의 프로젝트도 잘 마무리 되고 수료도 완료하니 진짜 끝났다는 실감이 나기 시작한다. 0주차 때는 아는 게 없어 팀원들이 도와주면 '감사합니다'를 정말 입에 달고 살았던 것 같다. 1주차에 알고리즘 첫 문제를 풀 때 python으로 input 받는 것조차 몰라 여러 번 틀렸던 것이 기억난다.. '그 땐 정말 아무것도 몰랐구나'라는 생각에 지금 생각하면 신기하기만 하다. 정말 나는 정글을 준비하면서 코딩을 처음 해봤기 때문이다. 알고리즘, CS 전산학 지식, 나만의 프로젝트 모두가 정말 매순간 나에겐 고비였다. '이번주엔 이걸 다 끝낼 수 있을까...', '내가 이 걸 이해할 수 있을까'라는 생각이 매순간 찾아왔지만, 악으로 온 체력과 정신을 다해 이겨냈던 것 같.. 2021. 12. 17.
[트레바리] AI와 디지털 트랜스포메이션: 혁신의 중심에서 AI를 외치다 [트레바리] AI와 디지털 트랜스포메이션: 혁신의 중심에서 AI를 외치다 인공지능에 대한 고찰과 나의 자세 '앞으로 모든 분야에 딥러닝이 적용될 것이다'. 어딘가에서 이 문구를 보고 나는 문득 궁금해졌다. 여기저기서 다들 AI, 인공지능, 딥러닝, 머신러닝에 관심을 가지는데, 과연 AI는 어디까지 왔고 인간의 삶에서 어디까지 영향을 끼칠 것인가? 인공지능에 대해 잘 모르는 나에게 이 책은 이 물음에 충분한 답을 제공해주어 만족스러웠다. 인상 깊었던 부분 중 하나는 AI 발전속도가 굉장히 빠르고 성능면에서 굉장히 좋아진다는 것이다. GPT와 GAN과 관련된 새로운 연구가 끊임없이 쏟아지고 새로운 버전이나 모델이 나올때마다 굉장한 성능향상을 보인다. 과거에는 불가능할 것 같았던 일들이 실제로 일어나게 되고 .. 2021. 12. 13.
canvas로 그린 sprite 이미지 끊김현상 - 이미지 해상도, pixel, 비트 심도 canvas로 그린 sprite 이미지 끊김현상 - 이미지 해상도, pixel, 비트 심도 처음에 물개 sprite 이미지를 s3로부터 불러와서 canvas로 그리는데 원본의 이미지 끊김 현상이 발생했다. 우리 서비스는 client단에서 canvas가 60FPS로 화면을 그리기 때문에 이미지가 무거운 것이 끊김의 원인으로 생각했다. 하기 예시 이미지 파일이 실제 물개 파일은 아니지만 동일한 리사이징 과정을 거쳤기 때문에 이것으로 설명하고자 한다. 1) 비트 심도 조정을 통한 파일 크기 감소 1) 처음에는 파일 크기만 줄이면 해결되지 않을까라는 생각에 비트 심도를 줄이는 방향(1->2)으로 진행하였으나 여전히 끊김 현상이 발생했다. 이는 s3로부터 이미지 파일을 가져오는 데 시간은 줄여주지만, client.. 2021. 12. 10.
[21/11/27] TIL_onClick 무한 렌더링, 21/11/27 TIL onClick event 무한 렌더링. (Room > serchbox.index.js) 아래 코드는 무한 렌더링 된다. const clickTag = useCallback( async (tag) =>{ setSearchKeyword(tag); ... // 함수의 결과값 렌더링시 onClick(clickTag(tag))의 함수가 실행되며 clickTag(tag)의 결과값을 받아오는 과정에서 setSearchKeyword(tag) 코드에 의해 state의 변화가 생기고 이 상태변화는 렌더링을 초래한다. 즉 렌더링 -> 함수실행 -> state 변화 -> 렌더링 -> 함수실행 -> state 변화 -> 렌더링 -> 함수실행 -> state 변화 ->.... 무한 반복 ! 그래서 함수 객.. 2021. 11. 27.
[PWA] 프로젝트에 적용하기(feat. ngrok, PWA builder) [PWA] 프로젝트에 적용하기 (feat. ngrok, PWA builder) PWA는 Progressive Web Apps의 약자로 웹을 앱처럼 구현하여 앱의 특정 API들을 구현할 수 있도록 만드는 기술이다. ngrok으로 https 주소 얻기 먼저 PWA를 이용하기 위해서는 https 주소가 필요하기 때문에 localhost주소를 외부에서 접속하도록 연결해주는 ngrok 서비스를 이용하여 주소를 얻었다. ngrok 설치 3000 port에 리액트를 연결해주고 (npm start) 다른 터미널에서 하기 코드를 치면 localhost/3000에 연결된 https 주소가 뜬다. // 인증 ./ngrok authtoken 20xS7xLuD91TKfDnf0IidGAw6TU_cUqpDZf3jg9fVDodM3z.. 2021. 11. 17.
728x90