전체 글
-
맥북, 갤럭시 북3, 그램 어떤 노트북이 맞을까?리뷰/IT 리뷰 2023. 8. 20. 00:48
나는 개발을 전공하고 있는 대학생이다. 기존에 게이밍 노트북이 있었지만 너무 크고 무거웠고 윈도우 노트북 전에는 맥북 M1을 사용했었다. 아무래도 2kg이 되는 노트북을 학교에 들고 다니고, 충전기까지 들고 다니려고 하다 보니 너무 힘들어서 맥북, gram, 갤럭시 북 3 pro 이렇게 3가지 종류를 찾아보게 되었다. Windows인가 MacOs 인가? 사실 난 이건 크게 신경 안 쓴다. MacBook의 가장 큰 장점은 전성비이다. 충전을 까먹을쯤 한 번씩 해도 상관이 없을 정도로 배터리가 오래간다. Mac OS가 개발에 더 좋다? Mac Os가 디자인에 더 좋다 그냥 사고 싶거나 이미 구매해서 합리화하는 거라고 생각한다. Mac에만 있는 프로그램을 돌릴 일은 한정되어 있을뿐더러 그런 사람들은 이미 비교..
-
React State란 무엇일까?개발/React (페이지 제작과정) 2023. 8. 16. 01:03
State를 왜 알아야 할까? https://hueeng.tistory.com/40 const residents = [ { name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 28 }, ]; const residentComponents = residents.map((resident, index) => ( Name: {resident.name} Age: {resident.age} )); 내가 전에 map을 설명하면서 residents라는 객체를 생성했었다. 하지만 우리는 데이터를 이렇게 정적으로 활용하는 경우는 거의 없다. 우리가 데이터를 활용할 때는 residents의 객체가 계속 추가되거나 수정되거나 삭제가 되는 코드를..
-
[JSX] Key 속성이란 무엇일까?개발/React (페이지 제작과정) 2023. 8. 15. 07:26
전글에서 map에 대해서 설명을 했었다. 만약 보지 않았다면 전 글을 보고 이 글을 읽는 것을 추천한다. https://hueeng.tistory.com/40 Key 속성 정의? JavaScript에서 객체를 사용할 때, 객체의 각 속성에 대한 식별자 역할을 하는 것을 "키(Key)"라고 한다. 객체는 중괄호 {} 안에 이름-값 쌍 형태로 구성되며, 각 이름(속성명)을 통해 해당 속성의 값을 가져오거나 설정할 수 있다. 이때 이름을 가리키는 것이 바로 "키"라고 한다. 여기서 아래 예제코드를 보자 예제를 곁들인 설명 const residents = [ { name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 28 }, ];..
-
Map() 메서드란 무엇일까?개발/React (페이지 제작과정) 2023. 8. 14. 06:29
map() 메서드의 정의 map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 걸 말한다. React에서 map에 대한건 당연히 많이 쓰일수 밖에 없는데 대부분 반복적인 활동을 하게 될 때 사용하게 된다. const residents = [ { name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 28 }, ]; const residentComponents = residents.map((resident, index) => ( Name: {resident.name} Age: {resident.age} )); // 이후 residentComponents를 컴포넌트의 J..
-
Clever G224PQ 바이퍼럭스 AS 교환 후기리뷰/IT 리뷰 2023. 8. 13. 02:23
사건 발단 갑자기 Ctype 1번 포트와 USB 1번 포트의 충전이 되었다 안되었다 하는 현상이 발생하였다. 하아.. 언제 구매했는지 기억도 잘 안 나는데.. 그리고 심지어 AS로 악평이 높은 바이퍼럭스 제품이었다. 구매일로부터 1년간 AS라는 내용을 봐서 바로 구매내역을 찾아봤다. 아... 애매하다.. 난 6월에 구매했고 당일은 7월이었다. 딱 1년하고 한 달이 지나간 시점. 그래도 유상 AS는 가능하지 않을까 싶어서 바이퍼럭스에 문의를 해보려고 하니.. 이 회사.. 공식 홈페이지가 없다.. 네이버 쇼핑몰만 영업하는 것 같다. AS 전개 네이버 검색을 하니 딱 한개 나온다. 만약 AS신청 시 위 쇼핑몰에서 네이버 톡톡이라는 채팅을 이용하면 된다. 아마도 본사 페이지가 따로 없어서 그냥 네이버 페이지를 ..
-
넥스트 2.5인치 SSD 외장케이스 구매 후기리뷰/IT 리뷰 2023. 8. 10. 21:16
남는 2.5인치 노트북용 SSD 1TB가 있어서 하드케이스를 찾아보게 되었다. 사실 원래 꽂아두고 쓰려고 했는데 이제 데이터를 옮겨 다닐 일이 많아서 그냥 사용하기에는 무리가 있어 보이기에 구매하게 되었다. 이 SSD의 경우 구매한지 4~5년 넘은 SSD로 기억한다. 원래 컴퓨터에 넣어서 사용하다 컴퓨터를 처분하고 노트북만 사용하다 보니 그냥 구석에 놔두고 유선으로 연결시켜서 사용을 하고 있었다. 그래도 1TB SSD인데 아까워서 갖고다녀야 하지 않을까 라는 생각에 외장케이스를 구매하게 되었다. 박스 자체는 엄청 심플하다. 고급스러운 포장도 아니고 가볍다. 아무래도 가격이 만원도 안 하다 보니 어쩔 수 없는 것 같다. 심플하다. 설명서 한장, 케이블 하나, 고정용 스펀지 하나, SSD 케이스 하나 이렇게..
-
JSX 란 무엇인가?개발/React (페이지 제작과정) 2023. 8. 8. 07:04
JSX 란 무엇일까? 간단하게 설명하자면 JSX는 자바스크립트의 확장 문법이다. 리엑트에서는 JSX를 이용해서 UI가 보이는 부분을 나타낸다.풀 명칭은 JavaScript XML 이라고 불리면서 Javascript에 XML을 추가한 문법이라고 보면 된다. JSX는 리엑트를 사용할때만 사용되므로 공식적인 JS 문법은 아니다. 그리고 브라우저에서 실행하기 전 바벨에서 일반 자바스크립트의 형태로 변환한다. 바벨이 뭔지 궁금하다면? ↓ React- Create-App 시작하기 웹팩이 무엇인가? webpack 웹팩은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 hueeng.tistory.com ..
-
npx react-create-app 실행이 안돼요!개발/두서없이 공부한 개발공부 2023. 8. 7. 06:57
un create-react-app --help to see all options. PS C:\Users\user\toodo> npx create-react-app ./ npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\user\AppData\Roaming\npm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\user\AppData\Roaming\npm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A ..