캐나다 브리

데브리입니다. 리액트를 공부하면서 초반에 헷갈렸던 부분이 바로 이 부분인데요, 제가 들은 리액트 강의에서는 대부분 Class Components를 써왔기에, 다른 분들이 쓰신 코드를 보면서 Functional Components가 더 많이 쓰이는 것 같은데 이걸로 코드를 다시 바꿔야 하나? 라는 고민에 빠지기도 했었습니다. 이 부분과 관련해서 이해하기 쉽게 설명해 준 사이트가 있어서 공유합니다. 우선 Functional Components 는 make your code easider to reason about, easier to test, and achieve better performance 라고 합니다. How to write a functional component function Hi(props..

DOM 이란? Document Object Model : Dom allows javascript to access html elements and styles to maniputate them. The Dom represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree. with them, you can change the document's structure, style, or content. - from MDN https://developer.mozilla.org/en-..

You should use a for loop when you know how many times the loop should run. If you want the loop to breat based on a condition other than the number of times it runs, you should use a while loop. -from Khanacademy.org - 예를 들면, 5번 안에 랜덤 숫자 맞추기의 경우 5번이라는 기한이 정해져 있으므로 for loop을 쓰면 되고, 몇 번을 시도하는 것과 관계없이 숫자 3이 나오면 승리하는 게임을 만들 경우 while loop을 쓰면 된다. for loop : 정해진 condition이 허락하는 안에서만 실행된다 (i가 10에 도달하면..

리스트와 비슷함. Array 만드는 법 두가지 1. const year = 1991; const year = 1992; const year = 1993; const years = [1991, 1992, 1993]; 2. const years = new Array(1991, 1992, 1993); 1번이 보통 더 많이 쓰임. array의 individual elements는 const로도 수정이 가능하지만 전체 array 자체를 바꾸는 것은 불가능. Basic Array Operations (Methods) .push : array 마지막에 item 하나 추가하기 .pop : array 마지막에 item 하나 제거하기 .unshift : array 앞에 item 하나 추가하기 .shift : array 앞..

function (함수) 란? functions allow us to write more maintainable code, because with functions, we ca create resuable chunks of code instead of writing the same code over and over again. : Don't repeat yourself! 자주 쓰이는 수식을 function으로 만들어 필요할 때마다 불러 쓸 수 있으므로, 매번 같은 코드를 반복하지 않아도 됨. function을 만드는 방법 1. Declaration function calcAge(birthYear) { return 2021 - birthYear; } calcAge(1991); 2. Expression co..

데브리입니다. 자바스크립트 강의는 이미 한번 듣고 리액트와 리덕스로 넘어갔었는데, 최근에 지원하면서 코딩테스트를 해보면서 아직도 자바스크립트가 많이 부족하다는 걸 깨달았어요. 다시 강의를 들으며 복습하면서 배우는 내용을 블로그에도 정리하면 코딩테스트와 면접준비에도 도움이 될 것 같아서 블로그에 남기기로 했습니다. 자바스크립트의 7가지 데이터 타입 Number: Floating point numbers - Used for decimals and integers String: Sequence of characters - Used for text Boolean: Logical type that can only be true or false - Used for taking decisions Undefined: ..

데브리입니다. 굉장히 유명한 강의라 이미 많은 분들이 들어보셨을 텐데요, 오늘은 제가 처음으로 들었던 웹개발 강의인 The Complete Web Development Bootcamp에 대한 리뷰입니다. https://www.udemy.com/course/the-complete-web-development-bootcamp/ The Complete 2021 Web Development Bootcamp Become a full-stack web developer with just one course. HTML, CSS, Javascript, Node, React, MongoDB and more! www.udemy.com 이전 파이썬 강의를 듣고 나서는 혹시 내가 이 쪽이 적성에 맞지 않는 게 아닐까라는 생각..

데브리입니다. 마지막으로 리액트 강의를 들은 후에 너무 쉬기만 한 것 같아서 새로운 프로젝트로 설문지나 심리테스트 같은 걸 만들어보려고 검색하다 우연히 이 강의를 발견하게 되었어요. 늘 온라인 강의는 유데미나 코세라에서만 들어봤는데, 한국어로는 처음 들어본 강의였어요. 두 시간짜리 짧은 강의이긴 하지만, 어제 오후에 구매했는데 듣다 보니 벌써 끝났네요 ^ ^;;; 들으면서 이건 꼭 리뷰를 남겨야겠다 (과연 좋아서였을까요 나빠서였을까요?)는 생각이 들어 강의 자체에 대한 평가도 함께 노트에 적어가며 공부했습니다. 리뷰 시작할게요! 여기 나와있는 6주가 뭔가 했는데, 결제일로부터 6주 동안만 들을 수 있다는 것 같네요;; 한번 결제하면 몇 년 후라도 다시 들어가서 찾아볼 수 있는 유데미와 비교되죠?ㅎㅎㅎ 보..

데브리입니다. 오늘 평소처럼 push 하는데 아래와 같은 에러 메세지가 떠서 검색해봤어요. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. 아래 stack overflow에 나온 답변대로 따라하니까 해결이 되었는데 https://stackoverflow.com/questions/68191392/password-authentication-is-temporarily-disabled-as-part-of-a-brownout-please-us Password authentication is temporarily disabled as part of a..

데브리입니다. 유데미에서 두 번째로 들은 파이썬 강의인 The Python Mega Course를 리뷰입니다. https://www.udemy.com/course/the-python-mega-course The Python Mega Course: Build 10 Real World Applications Go from zero to hero in Python in weeks! Learn Python the easy way by building real-life Python programs! www.udemy.com 한참 전에 들었던 강의라고 생각했는데 작년 5월에 구입해서 7월에 수료했었네요. 포스팅을 하기 위해서 다시 들어가 봤더니 rating이 4.6에 최근 리뷰들은 대부분 긍정적인 반응이 많아서 사..