능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 0. 프로젝트 생성 yarn create vite 프로젝트이름 --template react 1. 모듈 설치 및 실행 yarn ↓ yarn dev 2. React 의 변수와 상태 (props, state) 최종적으로 보여주는 페이지인 app.jsx에서 css 초기화 만들어 놓고 진행하기 import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' ReactDOM.createRoot(document.getElementById('root')).render( , ) 2 - 1. props 비구조화 할당 props..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 협업에서 소스코드 관리를 위해 가장 필요하고 중요한 git과 github. 생각보다 제대로 초기 세팅을 해두지 않으면 실수를 했을 때 꼬인 내용을 풀고 헤매느라고 git과 github로만 2~3시간을 허비 할 수도 있다. 프로젝트를 포크뜨고 난 후, 내 작업을 편하게 push하고 pr하기 위해 origin인지, upstream인지에 따른 remote주소 변경 및 추가에 대한 내용을 적어두려 한다. 0. 기존 remote origin 주소를 변경해보기 가령 배포용 프로젝트 레포, 이름은 (build-product)가 있고, 그 레포를 내가 포크 떠와서 작업 푸시는 develop을 기준으로 한다고 가정해보자...

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JS, 플젝을 지나 오늘부터 시작되는 React. 사실 예전에 독학을 할 때 클론코딩으로 접해본 경험이 있다. 당시 JS를 지금보다 더 몰랐기 때문에 지금 생각해보면 표면적으로만 아하! 했었 던것 같다. 0. 개념 전 Facebook, 현 Meta에서 2011년에 만든 프론트엔드 라이브러리 (프레임워크)이다. 이를 통해 페이스북, 인스타그램, 넷플릭스 모두 이 React 로 만들어졌다고 한다. React는 오픈소스 프로젝트이기 때문에, 아래 링크를 통해 소스를 확인해 볼 수 있다. 오픈소스바로가기 GitHub - facebook/react: A declarative, efficient, and flexib..

✍️✍️✍️ 위 글은 작성자의 굉장히 짧고 개인적인 경험이니 가볍게 읽어주시길 바랍니다. 컴퓨터 운영체제 수업을 들을 때, 한국 컴퓨터의 역사에 대한 이야기가 살짝 나오면서, 강사님이 전길남 박사님에 대한 이야기를 해주셨다. 굉장히 흠터레스팅하여 찾아보다가 이런 사이트가 나왔다. 들어가보니 한국 IT와 게임이 어떻게 해서 들어오게 된건지 만화로 재미있게 풀어져 있다. 한국 IT 관련 웹툰 바로가기 한국 IT 역사 1화: 대한민국 인터넷 아버지 전길남 박사 정보통신 분야에서 앞서 가는 나라는 반드시 그 단계까지 올라갈 수 있게 만든 빛나는 주역들이 있기 마련입니다. 우리가 잘 알고 있는 애플의 스티브 잡스, 스티브 워즈니악. 마이크로소프트를 www.thisisgame.com 컴퓨터 관련책은 많지만 활자도 ..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 개발 용어 중에는 결국엔 같은 거를 설명하고 있는거라 할지라도 언어에 따라 달라질 때가 있는데, 그게 프레임워크, 라이브러리, 패키지 이다. 이런게 뭔가 언어에 따라 저기선 저렇게 여기선 이렇게.... 귀에걸면 귀걸이 코에걸면 코걸이 식으로 자꾸 다르게 불린다😵‍💫 초보자이고 배경지식이 너무 조구맣고 소중한 나에겐 너무헷갈리고 열받는다 알고있는 바로는.. API를 모은게 라이브러리, 그 라이브러리를 모은게 프레임워크 인게 아니냐..! 라고 생각을 '정립'하고있었는데, 또 어디에선 아니라고 하니까 알다가도 모르겠다 암튼 더이상 적당히 헷갈리고 싶은마음에 기록을 해본다....⭐ 기록이라도 해두면 헷갈리더라도 ..