TIL/WIL

🖤 미니프로젝트 🖤

🟣 주특기 언어 공부 시작➡JS 문법 종합반 수강 시작 ( ~6/9까지 완강 및 익히기 )🖤 JS 문법 종합반 1주차 요약 1)변수와 상수변수에 어떤 값을 저장해 두고 필요할때 사용할 수 있음(복잡한 식이나 내용을 간단하게 사용할 수 있음 ) \-변수 선언 할 수

\*채용은 앎의 증명이다 어떻게 증명할것인가 ? 나만의 언어로 기록하여 성실함과 흡수력을 증명할 수있음 \*TIL 작성이 중요한 이유 \-채용시 활용되기도 하지만 \-방황을 줄이는데 도움이 됨 ( 어제 무엇을 배웠고 어떤식으로 나아지고 있는지 확인 할 수 있음) \

window에서 git hub연동하기

1.문제 해결 방식 생각하기 좌표(a,b)값이 양수, 음수에 따라서 출력하는 내용이 달라짐a>0 그리고 b>0 이면 1사분면a<0 그리고 b>0 이면 2사분면a<0 그리고 b<0 이면 3사분면a>0 그리고 b<0 이면 4사분면제한 사항을 참고하여

지난 한 주 공부한 내용들JS기본 문법( JavaScript 문법 종합반 , 코드잇 프로그래밍 기초 in JavaScript)이해하는데 시간이 걸리고 헷갈리는 용어들이 많아 느리더라도 기초를 단단히 다지자는 마음으로 개념이나 용어들이 익숙 해질 수 있도록 반복하여 수

알고리즘 문제풀이 ( 문시해알의 관점으로 작성) point : 문제 해결을 위해 단계별로 쪼개서 작게 접근하기 매소드 사용보다는 기본 코드로 해결 방법을 찾는 연습하기 > 문제 1) 최댓값 찾기 1)접근 방법 생각하기 시도 - 아무것도 생각나지 않음 , 구글

개인프로젝트 - 영화 검색 페이지 만들기 > 🚩 [자바스크립트 개인 과제] Javascript과정을 마무리하며, JS 문법의 핵심을 적용해 볼 수 있는 영화 검색 사이트를 제작합니다. 영화정보 오픈API인 TMDB(The Movie DB)를 사용합니다. 🖤작업

1.Gitbash 기본설정유저네임/이메일 설정 git config --global user.name "(본인 이름)"git config --global user.email "(본인 이메일)" 유저네임 확인하기 $ git config --global user.name

1.JS 강의 반복하기 2.개인 프로젝트 ( 영화 홈페이지 만들기 )3.알고리즘 특강 1.JS 강의 반복 강의는 5주차 분량인데 우선 1~3주차 분량에 익숙해지려고 한다. 볼때마다 새로운 느낌이 들어서 결국 강의 자료를 인쇄해서 필기를 하며 듣기 시작했다 2-1. 개인

1.JS 강의 반복하기2.개인 프로젝트 ( 영화 홈페이지 만들기 )3.알고리즘 특강여전히 반복하고 익숙해지기 개인프로젝트를 기반으로 해서 팀프로젝트를 진행하였다. 팀에 확실히 잘하는 분들이 계시고 정말 많이 도움을 받음. 발제 때마다 튜터,매니저님들이 말하는 개발자 문

JS연습하기1 -Alert 박스 만들기 (onclick) (버튼을 누르면 알림창이 보이고 닫기 버튼을 누르면 알림창이 사라지게 하기 ) > 1. HTML / css를 통해 기본 디자인만들기 JS를 통해서 동적인 효과 주기 어려워 보이는 것도 위의 두단계를 통해서

주요 개념➡📌state란 ? 리액트 컴포넌트 내에서 바뀔 수 있는 값을 의미함(UI를 바꾸기 위해서 사용함)➡📌hook 이란? 기능을 의미함 State를 만들 때는 useState()를 사용한다.const value, setValue = useState( 초기값

뉴스피드 프로젝트 만들기 ( 글 작성, 피드에 작성된 글 보이기, 로그인,회원가입등 ) 1.로그인, 회원 가입 2.CRUD3.마이 페이지4.배포하기목업(MOCKUP) 그려보기(FIGMA를 사용하여 와이어 프레임작성 )1\. 회원 가입/로그인 페이지2\. 메인 페이지

1.내배캠 정예반 수업2.React 수업 , 과제 ( Todolist 만들기 )1.정예반 수업JS 이용하여 기능 구현 익숙 해지기 \-modal , 좋아요 기능 구현하기 2.리액트를 기반으로 Todolist어려운 개념들이 쏟아진다 <.div style={ {c

팀프로젝트 중 git clone 후 yarn start가 되지 않으며 위와 같은 에러 메세지 발생됨1.yarn으로 생성된 node_modules,yarn.lock 지우기rm -rf node_modulesrm -rf yarn.lock2.yarn공유 캐시 파일 지우기yar

팀프로젝트를 위한 SA작성

React A JavaScript library for building user interfaces 🤖오늘 배운 내용 리액트를 쓰는 이유? 웹사이트 페이지 이동, 변경이 부드럽게 동작함 creat react app ( CRA )설치하기 > npx create-

props를 사용하여 자식 컴포넌트로 전달하기 부모 컴포넌트에서 motherName을 지정하여 Son으로 내려주었음 GrandFatehr컴포넌트에서 - Mother - Son으로 전달하였음1\. GrandFather에서 name 지정 하여 return문을 통해 하위 컴

리액트에서 기본적으로 제공 하는 함수 , 리액트에서 변경 되어야 하는 값은 useState를 사용한다.(UI를 바꾸기 위해서 사용됨)const state , setState = useState("초기값")state는 변수, setState는 state를 제어 할 수 있

vscode has too many active changes .. 라고 하면서 변경 사항이 10K 가 된다고 한다 원인) 폴더 혹은 내용이 많은 디렉토리(주로 desktop)에 실수로 .git을 만들어놓아서 그런 것으로 해당 디렉토리의 git을 지우면 깔끔하게

💻오늘 배운 내용 👩🏼‍💻 애플리케이션의 복잡성을 낮추기 위해 존재함 ( 하나의 스테이트로 애플리케이션의 복잡성을 낮춤, 외부와 👩🏼‍💻리덕스 설정 > yarn add redux react-redux yarn add redux , yarn add reac

👩🏼‍💻youtube API를 위한 S.A. 🐥 프로젝트 설명 🐥API명세 🐥와이어프레임

💻오늘 배운 내용 👩🏼‍💻Redux_toolkit 초기세팅 **1) configureStore import ** **2) configureStore에 변수 담기 ** **3)provider import 하기 **![](https://velog.velcd

💻youtube API 유튜브 데이터 가져오기 👩🏼‍💻 YOUTUBE API-KEY 만들기 YoutubeAPI공식문서 https://console.developers.google.com 1.google cloud platform 등록 https://code

remote: Permission to ... denied to kimpalpal.fatal: unable to access , The requested URL returned error: 403팀프로젝트 중 branch에 push 하려고 하는데 갑자기 마주한 오류

기본적으로 프로그래밍은 동기적(순차적) 으로 작동된다. 하지만 서버와 통신할때와 같이 시간이 오래 걸리는 경우 비동기 프로그래밍이 진행된다. 예를들어 ,1)API요청2)API받아오기3)API 뿌리기를 진행할 때, 요청후 받아오는 중에 3)이 실행 되는 것이다. 이때 2

리액트 쿼리 : DB가저오는메서드// json-server 설치하기npm install json-server json-server : 백엔드가 없기 때문에 DB사용을 위해 설치함 ,연습용으로 쓸 수 있음 package.json에서 설치 완료 확인 package.json

1.문제를 해결 하기 위한 접근방법1) 대소문자 구분 없이 카운팅되어야 함 => toUpperCase 메소드 사용 ( 대문자로 변환 )2) P와 y의 개수 비교 하는 방법 생각하기 => 'p의 개수-y의 개수'=== 0 t/f

배열 자르기 slice를 이용하여 자르기를 생각했음 다른 사람의 답변을 보니 for문을 통해 푸는 것도 가능하다 만능 for문..

💻 youtube API이용한 프로젝트 (2) ❓발생한 이슈/고민 며칠동안 계속 youtube API를 가지고 씨름 중이다. 이제 목록을 받아와서 검색하는 것 까지 진도가 나갔는데 뭔가 수정사항이 있어서 반영 하려고 하면 403에러.. 하루 할당량을 초과 했다고

중간중간 수정되어 최종 적용된 와이어프레임필수 작업ㄴ유튜브 API를 활용하여 데이터를 가져와서 사용자에게 제공, 마이페이지를 기본 기능 구현ㄴCRUD 기능(음악 데이터를 검색하고 플레이리스트에 추가하는 기능)추가 작업ㄴ음악 플레이어 기능 개선(음악의 볼륨 조절, 반복

과제의 조건은 아래와 같다. 필요한 기능을 확인하고 파일 구조를 파악해야한다. 그리고 구현하기 위해서 어떤 기능들이 필요한지 생각해야함 .( 참고로 과제로 기본 css는 제공되어 따로 스타일 컴포넌트 분리는 하지 않았다. ) <span style="backgrou

날씨가 더워지고 수업은 듣지만 쉽게 내것이 되지 못하고 계속 같은 개념을 몇번이나 반복해서 공부해야 하고 ..실력은 늘지 않는 것 같아 결국 슬럼프가 왔다. 슬럼프야 올 수 있지만 그렇다고 계속 누워 있을 수는 없지 않은가 ? 슬럼프 극복기에 대해서 써보려고 한다. 코

간단하게 DB와 API 서버를 생성해주는 패키지(실제 BE와 협업하기 전 사용하는 mock data=fake data )JSON : JavaScript Object Notation자바스크립트 객체 문법에 토대를 둔, 문자 기반의 데이터 교환 형식예시 (자바스크립트의

axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트즉, http를 이용해서 서버와 통신하기 위해 사용하는 패키지이다. axios / jsonserver 실행하여 확인하기 url에는 서버의 url이 들어가고, config에는 기타 여러

로고는 미리캔버스에서 만들었다카테고리설정 주의 (중고 상품 , 헬스 이용권 ) 와이어프레임아무래도 운동관련 페이지이다 보니 시원하게 파란색으로 컨셉 색을 정했다.

firebase를 이용하면 백엔드 서비스를 제공받을 수 있다 로그인, 회원가입 기능을 쉽게 해주기 때문에 이용할 수 있음 파이어베이스 홈페이지 1. 홈페이지에서 프로젝트 만들기 클릭 - 순서에 맞게 앱 닉네임 작성 후 SDK 정보를 받을 수 있다. ( 프로젝트

내배캠 최종 프로젝트 칭구 ( 칭찬을 구해요 )_ 프로젝트 프로젝트 프로젝트명 : 칭구 - 칭찬을 구해요 프로젝트 소개 → 칭찬하기: 칭구는 사용자들이 서로에게 칭찬과 격려의 메시지를 보낼 수 있는 플랫폼을 제공합니다. 어떤 작은 성

💻ReduxToolkit > yarn add react-redux @reduxjs/toolkit npm install react-redux @reduxjs/toolkit 👩🏼‍💻 🐥 🤓요약 ❓발생한 이슈/고민 💡해결과정 🧐궁금점과 부족한 내용

ESLint는 자바스크립트 코드를 정적으로 분석하여 코드 스타일, 잠재적인 오류 및 일관성을 검사하는 도구이다. 일관된 코드 스타일 유지 잠재적인 버그와 오류 식별품질 향상(ESLint는 미리 정의된 규칙을 통해 코드의 품질을 향상시킬 수 있습니다. 예를 들어, 불필요

'React' must be in scope when using JSX react/react-in-jsx-scope 🤓 발생 원인 🤓 JSX(JavaScript XML) 문법을 사용할 때 React 요소를 생성하는데 필요한 'react' 모듈이 스코프에 없

<span style="color:머쓱이는 할머니께 생신 축하 편지를 쓰려고 합니다. 할머니가 보시기 편하도록 글자 한 자 한 자를 가로 2cm 크기로 적으려고 하며, 편지를 가로로만 적을 때, 축하 문구 message를 적기 위해 필요한 편지지의 최소 가로길이를

다운로드 링크 바로가기다운로드 링크 바로가기우리가 작성한 코드를 저장 및 관리하고, 다른 사람과 공유하기 위해 git 이라는 툴을 사용합니다. git을 사용하기 위해서는 내 컴퓨터에 깃을 설치해야 합니다. git 홈페이지에서 설치 프로그램을 다운로드 받고 설치하시면 됩