다채로운 이야기 (74) 썸네일형 리스트형 TIL_ React 공부 리액트 컴포넌트에서 요소 여러 개를 하나의 요소롤 꼭 감싸줘야하는 이유 -> virtual don에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 하나의 dom 트리 구조로 이루어져 있어야한다. JSX 내부에서 JS 코드 사용하는 방법은 {}로 감싸주면 된다. 클래스형 컴포넌트 VS 함수 컴포넌트 클래스형일 때, state기능 및 라이프 사이클 기능을 사용할 수 있고 임의 메서드를 정의할 수 있음 클래스형에는 render함수가 꼭 있어야하고 그 안에 jsx를 반환해야함 함수컴포넌트는 선언하기 비교적 쉬움. 메모리 자원도 더 낮음. 그렇다고 해서 성능과 파일 크기가 현저하게 달라지는 것은 아님 stats, life cycle api 사용 불가 -> hooks가 대신함 .. Udemy 강의 <React - The Complete Guide 2024 (incl. Next.js, Redux)> section3의 coding문제 6 아래의 코드 중, Card 부분을 다른 컴포넌트로 나눠야 한다. 먼저 생각했던 부분은 아래와 같이 porps로 전달하는 방식이었다. App.js href="mailto:blake@example.com" content="Blake is a professor of Computer Science at the University of Illinois."/>근데 정답처리가 안 돼서.. children방식으로 사용해 봤다.근데.. 되네..? 분명 이전의 코드 상에 문제가 있었을 수도 있겠지만, 들었던 생각이 왜 굳이 두 가지의 방법을 사용하는 거지? 였다. 그래서 gpt에게 물어봤더니 아래와 .. TIL 스레드가 뭐지? 스레드 스레드란 : 프로세스 내에서 실제로 작업을 수행하는 주체메인스레드 : UI변경 스레드 / 앱이 처음 시작될 때 시스템이 스레드 하나를 생성하는데 이를 메인 스레드라 하백그라운드 스레드 : 네트워크, 데이터베이스 등 계산량이 많은 작업-> 작업략이 큰 연산이나 네트워크 통신 등은 긴 처리시간이 필요. 만약 메인 스레드에 넣고 작업하면 한 작업이 끝날 때 까지 다른 작업을 처리하지 못하는 현상이 발생 -> 이러한 현상을 방지하고자 백그라운드 스레드를 이용 주의할 점 : 백그라운드 스레드에서 절대로 UI 관련 작업을 하면 안됨 JS Deep Dive 11 capter Today, I'm going to organize what I've studied over the past few days.There is a book called 'The Modern JS Deep Dive.'This is one of the most famous books about JS in Korea, so I chose it. so What I studied? It is about object literals.First of all, before explaining the types of objects, we should understand what an 'object' is. It is a combination of property keys and values.Ex) var p = { .. CS50 1 course 음.. 오늘은 뭐 정말 기초적인 부분을 배웠다컴퓨터에 정보를 입력하는 방법 (input), 그걸 원하는 output으로 만들기 위한 과정이 알고리즘이라는 것을.그럼 함수는 무엇일까? 함수는 컴퓨터에게 무엇을 하라고 알려주는 동사와 동일뭔가.. 알고리즘이 함수라고 생각했다. 근데 알고리즘은 문제를 해결하기 위한 단계나 절차, 즉 추상적으로, 그 문제를 해결하기 위한 생각이며, 코드로 작성되기 전에 생각해 내는 아이디어나 논리이다. 그럼 함수는? 함수는 알고리즈을 실제로 코드로 구현한 것. CS = solving problem binary = combine 1 and 0bit (binary digit)의 합성어트랜지스터 : 컴퓨터 안에 있는 스위치, 물리적으로 정보를 표현하고 값을 저장하는 것.gif : 사.. Restart hi. long time no see.I was so busy because of ready for taking certification, so I can't organize what I studied. but it was done, I restart to study again.as you know maybe, my major was not realted to CS.so I always think it is knid of my weakness in this field.but if I focuse on what I don't have, It will be my weak point forever. so I don't let it be my weak point, I will study CS and redeem.. 항해 4주차 문제 이번 주차를 지나며 겪었던 문제가 무엇이었나요? 자바스크립트를 오랜만에 해봐서 낯설었다.외계인 코드를 이해하고 변경하는건 처음이라 낯설었다.2시도 문제를 해결하기 위해 어떤 시도를 하셨나요?해결 문제를 어떻게 해결하셨나요? 1. 전적인 나의 실력 문제라 그냥 찾아보면서 문제를 해결하려고 노력했다. 알게된 것 문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요? 1. 함수를 잘 줄이지 못해 여전히 더러운 코드가 남아있었지만, 그래도 나름 과제 취지에 맞게 진행했다고 생각해서 뿌듯했었다.그러나 팀원들의 코드를 보니 여전히 많이 부족함을 느끼게 되었고 겸손해야한다는 것을 다시 배웠다. 지난 목표 회고 지난 주에 설정해두었던 목표는 달성하셨나요? 잘된 것은 무엇이고 안된 것은 무엇인가.. 3주차 회고록 (항해) 문제 이번 주차를 지나며 겪었던 문제가 무엇이었나요? 음.. 아직 react와 hook의 작동방식을 모르는 상태에서 그 기능들을 직접 구현해야해서 어려움이 많았습니다. 시도 문제를 해결하기 위해 어떤 시도를 하셨나요? 구글링, gpt, 다른 사람들 코드를 보며 공부하고 나 자신의 방법을 생각하려 노력했습니다. 해결 문제를 어떻게 해결하셨나요? 해결을... 못했습니다..알게된 것 문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요? 아직 많이 부족하고, 어떤걸 모르는지 모르는 단계라는 것을 알았습니다. 지난 목표 회고 지난 주에 설정해두었던 목표는 달성하셨나요? 잘된 것은 무엇이고 안된 것은 무엇인가요? 달성 못했습니다. 잘못된건 아니지만 아직 그만큼의 실력이 되지 않아 저의 목표를 달성하지 못했.. 이전 1 2 3 4 5 ··· 10 다음
