Jieunny의 블로그

결국 포트폴리오 만들기로..다짐.. 1. 피그마로 디자인이랑 레이아웃 구상하기 (최대한 심플하고 보기 편하게) ㄴ 포인트로 동적인 효과만 조금 넣을 생각 2. 깃허브에 프로젝트 생성하기 3. 구현 하는 중간중간 commit 많이 하기 4. 성능 테스트 하기 5. 테스트 기반으로 최적화하기 이번에 포트폴리오를 만들면서 해야 할 일을 적어봤다. 글은 최대한 조금 넣고, 심플한 디자인으로 만들 생각이다! 프로토타입 제대로 만들 시간까지는 없어서 디자인이랑 레이아웃 정도만 해놨다. 디자인에 너무 감각이 없어서 디자인 하는 게 제일 어려운 것 같다🥲 어제 개발에 들어가기 시작했는데 About Me, Skills 페이지 정도 만들었다. 포트폴리오는 한눈에 보기 편해야되니까 원페이지로 계획했고 모바일 버전 반응형도 ..

💡 리덕스란? ➰ 상태 관리를 효율적으로 하게 도와주는 오픈소스 JavaScript 라이브러리 ➰ Store라는 곳에 상태를 저장하는 전역 상태 관리 라이브러리 ❓ 리덕스를 사용하는 이유 ➰ 리액트의 데이터 흐름은 단방향이기 때문에 부모에서 자식으로 전달해주는 식으로 상태를 관리한다. ➰ 부모와 자식 컴포넌트의 깊이가 짧다면 문제가 되지 않지만, 길다면 props drilling이 발생한다. ➰ Props Drilling - props를 하위 컴포넌트로 전달하기 위해 여러 컴포넌트를 거쳐야 하는데, 그 데이터가 필요하지 않은 컴포넌트에까지 props를 전달하게 되는 현상 ✏️ 리덕스를 사용하기 위해 알아야 할 개념 1. Action ➰ 상태값이 어떻게 변화할 지 행동을 적어놓은 객체 ➰ 액션 객체는 ty..

💡 리액트의 라이프 사이클 ➰ 리액트 컴포넌트에는 생명 주기가 있는데 이를 라이프 사이클이라고 표현한다. ➰ 컴포넌트는 생성(Mounting) -> 업데이트(Updating) -> 제거(Unmounting) 의 생명 주기를 갖는다. ➰ 리액트 클래스 컴포넌트는 라이프 사이클 메서드를 사용하고, 함수형 컴포넌트는 리액트 훅인 useEffect를 사용한다. 💡 클래스 컴포넌트의 라이프 사이클 메서드 1. 마운트 ➰ 컴포넌트가 생성되는 시점을 의미한다. ➰ constructor -> getDerivedStateFromProps -> render -> componentDidMount 순서로 메서드가 호출된다. constructor() 컴포넌트 생성자 메서드로 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드 ge..

📌 문제 정수로 이루어진 배열 numbers가 있습니다. 배열 의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서 가장 가까이 있는 수를 뒷 큰수라고 합니다. 정수 배열 numbers가 매개변수로 주어질 때, 모든 원소에 대한 뒷 큰수들을 차례로 담은 배열을 return 하도록 solution 함수를 완성해주세요. 단, 뒷 큰수가 존재하지 않는 원소는 -1을 담습니다. 💡 아이디어 이중 for문 돌면서 자기보다 큰 수 발견하면 answer에 push하고 break -> 테케 4개 시간초과 이중 for문을 한번으로 줄여야 할 것 같은데.. 스택을 이용해서 해야되는 건 알겠는데 어떻게 해야할지 몰라서 검색해봤는데도 이해가 안됬다ㅠㅠ.. 그림까지 사용해서 친절하게 설명해둔 블로그가 있어서 이..

자바스크립트 1. this에 대해 설명해주세요. 더보기 this는 인스턴스 자신을 가리키는 참조변수 입니다. 1. 단독으로 쓴 this // 1. 단독으로 쓴 this => global object var x = this; console.log(x); //window; 2. 함수 안에서 쓴 this // 함수의 주인에게 바인딩 된다 => 함수의 주인은 window 객체! // strict 모드에서는 this에 디폴트 바인딩이 없기 때문에 undefined가 된다. function F() { return this; } console.log(F()); //window 3. 메서드 안에서 쓴 this // 해당 메서드를 호출한 객체로 바인딩 된다. var person = { firstName: 'John', ..

📌 문제 사전에 알파벳 모음 'A', 'E', 'I', 'O', 'U'만을 사용하여 만들 수 있는, 길이 5 이하의 모든 단어가 수록되어 있습니다. 사전에서 첫 번째 단어는 "A"이고, 그다음은 "AA"이며, 마지막 단어는 "UUUUU"입니다. 단어 하나 word가 매개변수로 주어질 때, 이 단어가 사전에서 몇 번째 단어인지 return 하도록 solution 함수를 완성해주세요. 💡 아이디어 나올 수 있는 모든 단어를 DFS로 만들고, 정렬해서 찾는 word의 index를 가져온다. 말은 쉬운데 DFS가 너무 어려워서 여기저기 찾아봤다🥹 📚 참고 https://velog.io/@cyd5538/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EB%AA%..