벨로그 글 티스토리로 이전합니다https://velog.io/@panda-sh/Fitnee-map-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%95%88%EB%90%98%EB%8A%94-%EB%AC%B8%EC%A0%9C [Fitnee] - map 렌더링 안되는 문제오래만에 피트니 리팩토링 하던 중 map 으로 exercises를 순회해서 보여주려는데Card 컴포넌트가 렌더링 되지 않는다..알고보니 습관적으로 중괄호를 썻던것이 문제였다중괄호를 쓰면 return을 생략velog.io
프론트엔드
벨로그 글 티스토리로 이전 합니다 https://velog.io/@panda-sh/Fitnee-%EA%B2%BD%EB%A1%9C-%EC%98%A4%EB%A5%98 [Fitnee] - 경로 오류피트니 리팩토링을 시작하려고 git clone 을 하고 expo를 실행하던 중 다음과 같은 오류가 발생했다..!Unable to resolve "@/pages/home/Home" from "src/navigators/HomeNav.tsx"프로젝트에서 @/pages/hovelog.io
let & constlet과 const는 기본적으로 var을 대체합니다. let은 var 과 기능이 똑같이 변수 선언하고 재할당 할 경우 사용합니다const는 변수를 할당하지만 재할당 하지 않을 경우에 사용합니다, 만약 재할당 할 경우 오류가 뜹니다 ES6 Arrow Functions (화살표 함수)Arrow Functions은 자바스크립트에서 함수를 생성하는 다른 방식입니다.일반적인 함수 선언function callMe(name) { console.log(name);}다음과 같이도 가능const callMe = function(name) { console.log(name);}화살표 함수로 작성const callMe = (name) => { console.log(name);}argu..
랜딩 페이지란? 랜딩 페이지는 전환이라는 하나의 목표를 달성하기 위해 만들어진 웹 페이지입니다. 이 페이지는 훌륭한 마케팅 유형이며 광고 캠페인에도 사용될 수 있습니다. 이 페이지는 검색 엔진 최적화 결과, 이메일 마케팅 캠페인, 소셜 미디어 캠페인 또는 온라인 광고를 클릭하면 나타날 수 있습니다. 이러한 유형의 마케팅은 영업 기회를 창출하고, 알맞는 고객에게 다가가고, 전반적으로 마케팅 전략의 방향을 알리는 데 도움이 됩니다. 랜딩 페이지는 사용자가 "시작하기", "구독" 또는 "지금 구입"과 같은 전략적 CTA(Call-to-Action)를 클릭하도록 유도합니다. 이러한 방식으로 잠재 고객들을 무료 구독 서비스등에 가입하거나 구매를 하게 함으로써 전환율을 높이는데 사용됩니다.
● 둘다 js 에서 비동기 HTTP 통신을 할때 사용됨 ●Axios 는 Promise based HTTP client for the browser and node.js즉, node.js와 브라우저를 위한 HTTP통신 라이브러리비동기로 HTTP 통신을 가능하게 해주며 return을 promise 객체로 해주기 때문에 response 데이터를 다루기도 쉽다 Axios의 post method 구현axios({ method: 'post', url: '/user/12345', data: { firstName: 'Yongseong', lastName: 'Kim' }}); ● Fetchfetch는 ES6부터 JavaScript의 내장 라이브러리로 들어왔습니다.promise기반으로 만들어졌기에 Ax..
css 속성 우선순위https://beautifulcss.com/archives/203.myClass { ├── 객체의 노출여부와 표현방식 │ ├── display │ └── list-style │ ├── 위치와 좌표 │ ├── position │ ├── float │ └── clear │ ├── 크기와 여백 │ ├── width / height │ └── padding / margin │ ├── 윤곽과 배경 │ └── border / background │ ├── 글자와 정렬 │ ├── corlor / font │ ├── text-decoration │ ├── text-align / vertical-align │ └── white-space │ └── 내용 ..
리액트 공부중 모르는 용어 정리 -React 설치, 초기 세팅 1. Visual Studio Code, Node.js 설치2. 적당한 위치에 작업 폴더 생성3. VSCode에서 open folder로 작업폴더 열기4. VSCode 터미널 열기 (Ctrl + Shift + `)5. 터미널에 "npx create-react-app 프로젝트명" 입력 (ex. npx create-react-app myproject)cf) npx create-react-app . 을 입력하면 프로젝트 파일 생성 없이 진행 가능 (개발할 때 매우 편리함)→ 프로젝트 파일을 확인해보면 react 개발에 필요한 모든 파일들이 설치된걸 확인할 수 있음6. src 파일 내에서 코드 작성7. 코드 작성한걸 미리보기로 띄우려면 터미널 열고 ..
