본문 바로가기

전체 글14

React 프로젝트 살펴보기 node_modules부터 public, src 등 다양한 폴더와 파일들이 있다. 하나씩 다 살피진 않을거고 내가 생각했을 때 중요한거 몇개 집어서 살펴보자.pakage.json먼저 pakage.json 파일을 보면이런 json 파일을 볼 수 있는데 이는 프로젝트의 개발 환경 설정값이라고 보면 된다. 여기서 scripts 부분을 보면dev, build, lint, preview 이런 속성이 정의되어있는 걸 볼 수 있는데 프로젝트 실행할 때 npm run dev라는 명령을 터미널에 내릴 때 그 dev가 여기서 온 것이다.npm run dev (개발서버 실행)npm run build (배포용 파일 빌드)npm run preview(빌드 결과물 로컬서버에서 미리보기)npm run lint(코드 문법 검사)와 .. 2026. 2. 26.
vite로 리액트 프로젝트 시작하기(리액트 공부 재개) 회사에서 공공 si 프로젝트를 계속하다보니 리액트를 공부할 필요성을 못느껴 맛만보고 접었었는데갑자기 나를 사기업 si에 보내겠단다. 일단 사용 기술은 ts, react, nextJs가 되겠다. 우선 내가 써놓은 글을 봤는데 거진 3년이 되가는 글이다보니 기억도 잘 안나고 기술 자체도 많이 변했을 테니기본 개념만 가져가고 새로 공부를 시작하기로 했다. 일단 전체적인 기능들을 훑으며 써봤는데 전체적으로 느낀점은아무래도 스프링 자바 위주로 개발을 해왔던 나에겐 굉장히 어색한 코딩방식이라는 것이다.프론트는 그냥 회사에서 가져온 솔루션 갖다가 딸깍딸깍했었는데직접 프론트 화면을 구현해보니 얼마나 백엔드랑 방식이 다른지 알겠다.컴포넌트화 및 state와 props가 작동하는 방식이 객체지향프로그래밍과 다른 느낌이다... 2026. 2. 25.
리눅스 공부를 위한 세팅하기(가상머신에 우분투 설치) 2 1편 링크: https://dogfe.tistory.com/14 우선 Oracle VM VirtualBox를 켭니다. 혹시라도 인스톨시에 아래와 같은 에러가 뜬다면 Microsoft Visual C++ 2019 Redistributable을 다운받아주셔야합니다. https://learn.microsoft.com/ko-kr/cpp/windows/latest-supported-vc-redist?view=msvc-170 지원되는 최신 Visual C++ 재배포 가능 패키지 다운로드 이 문서에서는 최신 버전의 Visual C++ 재배포 가능 패키지 패키지에 대한 다운로드 링크를 나열합니다. learn.microsoft.com 위 링크에 가셔서 2019버전이 포함되어 있는 링크를 다운받은 뒤 다시 인스톨 합시다... 2023. 11. 3.
리눅스 공부를 위한 세팅하기(Oracle VM VirtualBox, Ubuntu) 1 2편 링크: https://dogfe.tistory.com/15 리눅스를 공부하기 전에 준비해야할 것들이 몇가지 있다. 우선 리눅스 배포판을 골라야한다. 배포판이 너무 다양했기 떄문에 뭘 골라야하나 고민하다가 제일 무난한 우분투를 고르기로했다. 커뮤니티가 가장 활성화되어있고 자료도 많으며 사용자 친화적인 환경을 제공한다고하는데 안고를 이유가 없지 않은가. 또 어떤식으로 리눅스를 세팅할지 정해야한다. 내가 찾아본바로는 두가지 방법이 있는데 첫번째 방식은 기존운영체제(Window, MacOS)와 듀얼부팅하는 방식이고 두번째 방식은 가상머신을 사용하는 것이다. 나는 제목에서 다들 유추할 수 있듯 나는 가상머신을 사용하기로했다. 실습환경을 격리시키고 새로운 운영체제를 당장 내컴퓨터에 깔지 않아도 되기 때문이다... 2023. 11. 2.
커널(Kernel) & 쉘(Shell) Linux 커널 Linux 커널(이하 커널)은 Linux OS의 주요 구성요소이자 컴퓨터 하드웨어와 프로세스를 잇는 핵심 인터페이스이다. 커널은 두가지 관리 리소스 사이에서 최대한 효과적으로 통신한다. 커널은 OS내에 위치하고 전화기, 노트북, 서버 등 컴퓨터 유형에 관계없이 하드웨어의 모든 주요 기능을 제어한다. 올바르게 구현된 커널은 사용자가 볼 수 없으며 커널 공간이라는 자신만의 작은 작업 공간에서 메모리를 할당하고 저장되는 모든 항목을 추적한다. 커널은 웹 브라우저 및 파일과 같이 사용자가 볼 수 있는 사용자 공간과 따로 존재하며 사용자 공간에 있는 애플리케이션과는 시스템 호출 인터페이스(SCI)를 통해 통신한다. 커널의 기능 메모리 관리: 메모리가 어디에서 무엇을 저장하는 데 얼마나 사용되는지 .. 2023. 10. 31.
운영체제(Unix, Linux) 운영체제 운영체제란 하드웨어와 소프트웨어 사이의 소통을 돕는 인터페이스 ex) 유닉스, 리눅스, MS윈도우, OS X, 안드로이드 등 유닉스 - 유닉스는 1970년대 초반 벨 연구소에서 개발 - 교육 및 연구기관에서 즐겨 사용되는 범용 다중 사용자 방식의 대화식, 시분할처리 시스템용 운영체제 - 다양한 시스템 사이에서 서로 이식이 가능 - 멀티태스킹과 다중사용자 지원 - 일반 텍스트 파일, 명령행 인터프리터, 계층적인 파일 시스템, 장치 및 특정한 형식의 프로세스간 통신을 파일로 취급 리눅스 - 헬싱키 대학의 리누스 토발즈가 유닉스 소스코드를 수정하여 개인 pc에서 사용할 수 있는 오픈소스로 개발 - 데스크톱/랩톱 용도 뿐만 아니라 웹서버, 클라우드 컴퓨팅, 모바일 기기, 임베디드 기기 등 여러 분야에서.. 2023. 10. 26.

티스토리툴바