👨‍💻 My_Archive

📚 Book-Talk/IT 잡학사전

[IT 5분 잡학 사전] - 23.01.18

TIL (Today I Learned) 2023.01.18 오늘 읽은 범위 에피소드 16. 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 에피소드 17. 아, 쿠키가 먹는 게 아니라고요? 에피소드 18. 프론트엔드, 백엔드? 에피소드 19. 서버가 뭔지 아직도 모른다고? 에피소드 20. 슈퍼 개발자만 할 수 있다, 풀스택? 에피소드 21. 서버리스는 서버가 없다는 뜻? 책에서 기억하고 싶은 내용을 써보세요. 쿠키는 어떤 웹 사이트를 방문했을 때 브라우저를 통해 여러분의 컴퓨터에 보관하는 기록물(p.101) 서버는 모니터가 없는 컴퓨터(p.116) 서버는 365일 24시간 내내 인터넷에 연결되어 있어야 한다.(p.116) 풀스택 개발자는 무조건 모든 영역을 다 개발해야 한다고 생각하는데, 할 수 있는 것..

✅ Logs/Study

[React] - React 의 불변성

React 를 사용하면서 state 를 변경 했지만, 리액트가 제대로 감지하지 못하여 변화가 일어나지 않아 자료를 찾아보다가 🥺 리액트는 불변성을 지켜야 한다. 위와 같은 말을 많이 접하게 되었습니다. 리액트를 처음 배울 때 몇 번 들어봤던 말인데 그 당시 제대로 잡고 갔어야하는데 다시 같은 실수를 방지하고자 공부하여 정리합니다. 자바스크립트 메모리 구조 Call Stack(콜 스택) 실행 중인 함수를 추적하여 계산을 수행하고, 지역 변수를 저장 (LIFO 방식) 고정된 크기로 메모리에 저장(실제 데이터가 변수에 할당) 원시 타입이 이곳에 저장 됩니다. ( Boolean, String, Number, Null, Undefined, Symbol ) Memory Heap(메모리 힙) 콜 스택과 달리 메모리 ..

📚 Book-Talk/IT 잡학사전

[IT 5분 잡학 사전] - 23.01.17

TIL (Today I Learned) 2023.01.17 오늘 읽은 범위 에피소드 11. 라이브러리와 프레임워크, 비슷한 거 아냐? 에피소드 12. 제이쿼리는 반드시 배워야 하는 기술일까? 에피소드 13. 그놈의 API, 대체 뭐길래? 에피소드 14. 도메인은 왜 돈을 주고 사야 할까? 에피소드 15. 플래시의 서비스 종료와 스티브 잡스 책에서 기억하고 싶은 내용을 써보세요. 라이브러리와 프레임워크의 차이는 제어권 유무, 그리고 교체 난이도. (p.71) 컴퓨터와 소통할 때 키보드를 쓰는 것 처럼 프로그램끼리 소통할 때 쓰는 일종의 규칙을 코드화 한 걸 API 라고 한다.(p.79) 인터넷에 연결된 웹 사이트는 모두 IP 주소로 찾을 수 있다. 하지만 IP 주소는 그냥 긴 숫자에 불과하다.(p.86) ..

📚 Book-Talk/IT 잡학사전

[IT 5분 잡학 사전] - 23.01.15

TIL (Today I Learned) 2023.01.15 오늘 읽은 범위 에피소드 06. 왜 나만 오류가 자주 생길까? 에피소드 07. 파이썬은 왜 이렇게 인기가 많을까? 에피소드 08. 파이썬이 C 언어보다 느린 이유는? 에피소드 09. 자바스크립트는 웹 개발에만 쓰는 언어일까? 에피소드 10. 코틀린은 정말로 자바와 100% 호환될까? 책에서 기억하고 싶은 내용을 써보세요. 코드가 작동하지 않는 이유는 '코드를 입력한 나 자신 때문이다' 라고, 생각을 바꾸자(p.40) 오류를 고치기 전에 오류가 왜 생겼는지를 알아야 한다.(p.41) 컴퓨터는 0과 1만 받아들일 수 있다. 그래서 프로그래밍 언어는 반드시 0, 1로 해석해 주는 과정을 거쳐야 한다.(p.51) 인터프린트 언어는 중간에 동시 통역사 역..

📚 Book-Talk/IT 잡학사전

[IT 5분 잡학 사전] - 23.01.14

TIL (Today I Learned) 2023.01.14 오늘 읽은 범위 에피소드 01. 개발자에 대한 오해 5가지! 에피소드 02. 어떤 언어부터 공부해야 할까? 에피소드 03. 새 언어를 쉽게 배우는 노하우? 에피소드 04. 언어 이름은 왜 그렇게 지었을까? 에피소드 05. C, C++, C#은 이름처럼 비슷할까? 책에서 기억하고 싶은 내용을 써보세요. 개발에서는 재능이 아니라 포기하지 않음이 더 중요하다는 것.(p.19) 새로운 프로그래밍 언어를 공부하면 그 언어에 담긴 철학, 코드 구조, 개념, 패턴 등을 배우는데, 그 내용이 정말 중요하다.(p.26) C언어는 자원을 효율적으로 쓰면서도 최대 성능을 내는 프로그램을 만들 수 있어야 한다.(p.35) C++은 C를 포함하는 언어로, 절차 지향이면..

📃 Front-End/JavaScript

JavaScript 문자열 관련 정리

문자열을 배열 형태로 변환 ➡ .split() const word = 'apple' word.split('') // ['a','p','p','l','e'] 배열의 요소를 하나의 문자열로 변환 ➡️ .join() 매개변수 자리에 구분자를 넣지 않으면, 배열의 요소들이 쉼표로 구분이되고, 구분자가 빈 문자열이면 공백 없이 연결 됩니다. const animals = ['rabbit', 'gorilla' , 'lion', 'bear'] animals.join() // 'rabbit,gorilla,lion,bear' animals.join('') // 'rabbitgorillalionbear' animals.join(' ') // 'rabbit gorilla lion bear' animals.join(' & ')..

✅ Logs/Error

[Next.js] - router & Link 를 사용해서 데이터를 전달 할 때

원인 ❓ router.push( { pathname: `/list/categorylist`, query: { code: code, sort: sort, list: list, }, }, `/list/categorylist` ); router 또는 Link 태그를 사용해서 페이지 전환 시 query 옵션을 통해서 data 룰 전달 할 수 있습니다. ➡ 하지만, 배열 데이터가 정상적으로 전달이 되지 않음.. 해결 ✅ router.push( { pathname: `/list/categorylist`, query: { code: code, sort: sort, list: JSON.stringify(list), }, }, `/list/categorylist` ); ➡ JSON 으로 string 변환을 먼저 한 후,..

HoHo.dev
'분류 전체보기' 카테고리의 글 목록 (3 Page)