본문 바로가기

전체 글

 (99)
[코드스테이츠 FE 부트캠프 40기] 10일차 🔍배운 내용들 Command-Line Interface 리눅스 터미널을 실행할 수 있다. CLI를 이용한 작업과 GUI를 이용한 작업이 동일함을 이해할 수 있다. 리눅스 터미널에서 기본적인 명령어를 사용할 수 있다. 명령어를 사용할 때, 등장하는 키워드에 대해 이해할 수 있다. 관리자 권한을 이해할 수 있다. 절대 경로와 상대 경로의 차이를 이해할 수 있다. 텍스트 에디터 nano를 이용해 파일을 수정하고, 저장할 수 있다. 패키지와 패키지매니저 패키지와 패키지 매니저 필요성을 이해할 수 있다. 각 운영체제에 맞는 패키지 매니저를 사용할 수 있다. node.js nvm, Node.js, npm을 설치하고, 버전을 확인할 수 있다. 명령어 node를 이용해 JavaScript 파일을 실행할 수 있다. 과..
[코드스테이츠 FE 부트캠프 40기] 9일차 🔍배운 내용들 페어님과 함께 계산기 자바스크립트 코드를 받아 빈 부분을 채워 코드가 작동되도록 하는 챌린지를 받았다. 단계는 bare minimun, advanced, nightmare 세단계로 점점 올라가는데, 갈수록 추가해야할 조건이나 기능이 많아진다. 재밌게 진행하였으나 시간내에 nightmare까지는 다 풀지 못해서 추가로 공부가 필요하다. 코드를 어떻게 하면 깔끔하게 짤 수 있을까 생각하는 습관이 중요한 것 같다. 함께 알아보기 쉽도록! 결국 혼자할 수 있는 일은 아무것도 없으니, 내가 짠 코드를 남에게 충분히 이해시킬 수 있을 정도까지 완벽히 숙지하고 내 머리속에서 정리되도록 해야겠다. 계산기 로직에 대한 추가 학습 내용은 차차 아래에 링크로 추가하겠다.
[React] onClick 이벤트가 렌더링할 때 자동 호출 되는 문제 💥문제발생 onClick 이벤트로 함수를 전달하고자 하는데, 아래와 같은 식으로 작성하니 화면이 처음 랜더링 할때 함수가 실행되는 현상이 발생하였다. (함수는 writeConsole이라고 간단하게 콘솔창에 메세지만 띄우는 함수로 대체한다.) import React, { Component } from "react" class Message extends Component { writeConsole = string => {console.log(string)} render() { return (버튼) } } export default Message 이렇게하고 보니 처음 화면이 render할때만 함수가 실행되면서 콘솔창에 메세지가 뜨는 것이 아닌가. 그리고 버튼을 누르면 제대로onClick 함수가 자동하지 않았..

티스토리툴바