개발 공부

개발 공부/HTML&CSS
[WIKI] '김버그의 HTML&CSS는 재밌다' 정리 LIST
엘리스 AI트랙을 6개월간 수강하였지만 다양한 분야에 대해 배우다 보니 내가 나아가고자 하는 프론트엔드 공부에 부족함을 많이 느껴 기본을 잘 닦기 위해 HTML과 CSS공부 부터 다시 다지기로 했다. (과거의 내가 카드 슬래시로 질러둔 강의... 잘했다 과거의 나) 공부한 것을 정리할 예정인데, 한 번에 볼 수 있는 WIKI같은 페이지가 있으면 좋을 것 같아 글을 써본다! 앞으로 관련 글 업데이트마다 아래 List에 하나하나 추가할 예정! 강의에서 배운 내용만 적기 보다는 추가적으로 더 공부하고 조사해서 추가해 작성해야지. 기초를 튼튼히~ 🦴 HTML 01. 시작하기에 앞서 02. HTML 기초 03. HTML 훈련 04. 트위터 마크업 챌린지 👗 CSS 05. Hello CSS 06. Box 07. F..
→2022.05.16
개발 공부/React
[에러 해결] styled-components Could not find declaration file
🩺 에러 발생 평소처럼 App파일에 GlobalStyle 지정해주려고 styled-components 라이브러리를 npm으로 설치해주었다. npm install styled-components 분명 잘 깔렸다고 떴는데 저 from 뒤의 'styled-components'에 다음과 같은 에러 문구가 떴다. Could not find a declaration file for module 'styled-components'. 👉 'styled-components' 모듈에 대한 선언 파일을 찾을 수 없습니다. 왜요 잘 깔렸다면서 왜 그러세요 이런 적 없었잖아 💊 에러 해결 왜 이런 문제가 발생하나 했더니 TypeScript가 styled-components와 연관된 모듈에 대한 선언 파일을 찾이 못하면 이런 문..
→2022.03.30
개발 공부/React
[에러 해결] React 프로젝트에서 npm install 명령어가 실행이 안되는 문제
전에도 이렇게 초기 셋팅된 React 프로젝트에서 npm install 문제가 있었던 것 같은데 안적어놓은 나의 문제.. 오늘은 상세히 적어둘 것이다!!! 🩺 에러 발생 일단 내 상황은 다음과 같다. 1. create-react-app으로 막 따끈따끈하게 만든 프로젝트 2. npm start는 잘 되어 잘 뜬다. 3. 그런데 외부 라이브러리를 설치하려고 npm install 라이브러리 하면 에러가 파파팍!! 나는 그저 Material UI를 쓰려 했을 뿐인데... 다음과 같이 엄청 긴 에러 메세지들이 나를 반긴다. PS C:\study\프로젝트명> npm install @mui/material @emotion/react @emotion/styled npm ERR! code ERESOLVE npm ERR!..
→2022.03.30
개발 공부/React
[에러 해결] create-react-app 오류(You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).)
어쩌다보니 첫 글부터 에러 해결글이라니 🩺 에러 발생 지원했던 회사에서 서류 합격 메일이 오면서 사전 과제를 받게 되었다. TypeScript기반 React 프로젝트 하나 만들려고 cmd창에 다음과 같이 적었다. npx create-react-app 프로젝트명 --template typescript 그런데 오잉 다음과 같이 에러가 떴다. You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any global installs with one of the following ..
→2022.03.30
개발 공부/디자인
[디자인 TIP] 예쁜 색상 팔레트 사이트 추천 # 00
이번에 개인 프로젝트 하면서 기왕 만드는 거 예쁘게 만들자는 생각으로 여러가지를 찾아보았는데, 그 중 예쁜 색상 팔레트를 제공해 주는 3가지의 사이트를 소개해보고자 한다. 1. WebGradients (https://webgradients.com/) : 180가지의 이미 만들어진 예쁜 그라디언트 팔레트를 제공해주는 사이트이다. css3, .sktech, .psd 포맷으로 색상을 제공해주는데, 아래 사진의 원을 클릭하면 전체 화면으로 색상을 전체화면으로 볼 수 있다. 우측 하단의 Copy CSS를 클릭하면 CSS 코드를 복사할 수 있다. (ex. background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); ) 색에 대한 이..
→2021.12.11

• 이전
• 1
• 다음