php 페이지를 사용하다보면 갑자기 페이지가 하얗게 변해버린적이 있을 것이다. 어디가 어떻게 잘못된것인지도 모르고, 개발자 도구에서도 나오지 않는다 ..처음엔 엄청 당황했는데 하얗게 된 페이지 상단에 아래와 같은 코드를 넣어주니 브라우저에서 어느 코드가 문제인지 테이블

페이지 안에 있는 버튼을 누르면 다른 페이지로 이동을 하는데 다시 기존 페이지로 가기 위해 뒤로가기를 실행할 경우, ERRCACHEMISS 발생 아이폰에서는 멀쩡했는데 안드로이드 폰에서 웹으로 들어갔을 경우 이런 오류가 발생해서 찾아보니 안드로이드 자체에 웹뷰 e

늘 npm으로 리액트 설치를 했는데 이제 yarn을 이용해보려 하니 뭔가 충돌이 일어나는지 yarn으로 설치도 안되고, 설치가 안되니 start도 안되어서 npm으로만 했다가 이번에 드디어 yarn start를 성공했다.

🗓 기간: 23/6/26 ~ 23/7/9 👉🏼 이번주 목표 리액트 숙련 주차 강의 듣기 👉🏼 공부한 내용 요약 styled Components, hooks, Lifecycle, Dom, Virtual Dom, Redux 간략한 개념 익히기 비동기 프로그래밍

Promise객체란, 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과값을 나타낸다.

useState를 통해 컴포넌트에서 생성한 state를 다른 컴포넌트로 보내고자 할 때 Props를 통해서 부모 컴포넌트에서 자식 컴포넌트로 그 값을 보내준다. 하지만 props로 state를 공유하는 방법에는 불편함 점 존재한다.

컴포넌트는 생성(mounting) -> 업데이트(updating) -> 제거(unmounting)의 생명주기를 갖는다. 리액트 클래스 컴포넌트는 라이프 사이클 메서드를 사용하고, 함수형 컴포넌트는 Hook을 사용한다.

함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있다.

🗓 기간: 23/6/15 ~ 23/6/22 👉🏼 이번주 목표 리액트 재진입을 위한 입문 공부 👉🏼 공부한 내용 요약 리액트에서 자주 쓰이는 자바스크립트 문법 요약(ES6) 컴포넌트, props, state 등 간단한 개념 공부 👉🏼 어려운 내용 불변성

리액트로 작업하다보면 import해서 파일을 가지고 오는데 ../../../react 와 같이 상대 경로로 작성할 경우, 이 파일을 다른 경로로 옮길 경우 상대경로이기 때문에 path가 달라져서 import 오류가 나타날 수 있다. src폴더와 나란하게 아래 파일을 만

SPA(Single Page Application)란? Single Page Application, 한 개의 페이지로 이루어진 애플리케이션 이라는 말이다. MPA(Multi Page Application)과는 상반된 개념. 장점 딱 한개의 페이지(Single Pag

🗓 기간: 23/5/29 ~ 23/6/3 👉🏼 이번주 목표 3주차 자바스크립트 알고리즘 최소 2문제 풀기 👉🏼 공부한 내용 요약 함수고급, 객체의 기본, 객체의 속성과 메소드 사용하기읽고, 확인문제 풀고 TIL올리기 자바스크립트 알고리즘 혼자 고민하며

문자열 s 중 숫자만으로 이루어져있다면 true, 문자열이 함께 있다면 false를 리턴하는 문제이다. Number() 메소드를 사용해서 숫자로 바꿔준 다음에 숫자인지 아닌지를 조건을 걸어 확인하면 나오는 문제라 간단하게 생각해서 for...of문을 이용해서 value

콜백함수 자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 콜백함수라고 한다. 자바스크립트는 코드를 위에서 아래로 순차적으로 실행한다. 그러나 코드는 순차적으로 실행되지 않을 수도 있다. 이런걸 비동기 프로그래밍이

기본 자료형과 연결된 객체에서 자주 사용하는 것에는 Number객체, String 객체, JSON 객체, Math 객체가 있다. Number 객체 숫자 N번째 자릿수까지 출력하기: toFixed() 소수점 이하 몇 자리까지만 출력하고 싶을 때 사용한다. 소수점 아래

🗓 기간: 23/5/22 ~ 23/5/28 👉🏼 이번주 목표 2주차 자바스크립트 알고리즘 최소 2문제 풀기 👉🏼 공부한 내용 요약 switch 조건문과 짧은 조건문, 배열, 반복문, 함수의 기본형태읽고, 확인문제 풀고 TIL올리기 자바스크립트 알고리즘

함수는 코드의 집합니다. 함수의 자료형은 function이며,익명 함수, 선언적 함수가 있다. 함수에 관련된 예제를 몇가지 풀면서 함수와 더 친해지게 되었다.

두 배열을 비교해서 false면 음수를 넣고, true면 양수를 넣어서 합을 구하는 내용인데 간단하면서도 오래걸린 문제이다. 이 문제 역시 filter나 reduce를 이용하면 간단하게 나올거 같은데 쉽지 않았다. 계속 어렵게 생각하면서 풀려고 하니 안풀리다가 반

반복문하면 뭐다? 바로 피라미드 별찍기이다. 대학교 전공과목때 시험문제로 나왔던 기억이 있다. 그때 참 어려웠는데,, 지금도 어렵다^^ 중첩 반복문을 이용해서 별을 찍어야 하는데, 피라미드 형태로도 만들고, 삼각형으로도 만들어보고, 거꾸로도 만들어보았다. (별 하나로

문자열 s를 배열에 담아서 요소의 개수를 구하는 방법으로 코드를 짜려고 했다. 배열에서 특정 값 개수 구하는 방법은 약 3가지 정도로 정리해보았다. for 반복문 filter reduce 가장 간단하게는 for문이었지만 reduce를 너무 쓰고 싶었지만 redu