분류 전체보기139 [TIL-006] 리액트 개념, 리액트에서 SCSS 사용해 보기 Today목표 : 4/15일 리액트 개념, 리액트에서 SCSS 사용해 보기 알게된 점, 리액트 개념 공부✅ 1. State를 쓰는 이유 상태값에 따라 UI를 변경하기 위해서 => 리렌더링을 다시 하기 위해서 state는 구조분해 할당하여 사용한다. const [state, setState] = useState(0) 2. 리액트의 생명 주기 mount - update - unmount 1) 불변성 => 메모리의 값을 변경할 수 없는 것 - 원시타입 : 불변함 => 메모리값을 변경하지 않고, 새로 할당하기 때문 - 객체타입 : 가변함 => 주소값 안의 데이터를 변경 => obj1 영역의 메모리 값을 변경하기 때문 => 따라서 복사 시에 주소값을 새로 할당하여 새 obj영역의 주소를 부여해 메모리값이 변경되지.. 2023. 4. 16. [React] CRA에서 eject없이 SCSS사용하기 CRA에서 eject없이 SCSS사용하기 1. sass 설치 => scss를 css로 변환해 주는 라이브러리 yarn add node-sass 2. styles 폴더 생성, 내부에 scss폴더 생성 후 scss파일 생성 3.터미널 에서 사용시, package.json에서 script에 "sass"명령어를 추가해 주어야 한다. => 이 때는 map파일도 같이 생성되어 원하지 않을 경우 따로 map파일이 생성되지 않도록 설정할 필요가 있다. "sass": "sass --watch src/styles/scss:src/styles/css" yarn run sass => watch 시작 익스텐션 사용시 : liveSass 경로 설정 => /src/styles/css 폴더에 css파일이 생성되도록 설정 3. wat.. 2023. 4. 15. [TIL-005] 리액트 첫주차 - 리액트의 개념, 첫 면접 스터디 발표 Today목표 : 4/14일 리액트의 개념 이해, 첫 면접 스터디 발표 알게된 점, 리액트의 개념에 대한 이해 🟡 1. 왜 리액트를 써야 할까? 1) 페이스북에 의한 유지보수 2) 막강하고 방대한 커뮤니티 3) 공식문서도 굉장히 잘 나와있고, 자료가 방대하다. 4) 리액트 패키지들이 많다. 5) React Native, electron, VR 등 상생이 좋다. 6) NPM trend 1위로 가장 많이 사용되는 라이브러리다. 막연히 그냥 많이 쓰기 때문에 사용하는 것보다는 내가 React를 사용하는 이유를 명확히 하고 사용하는 것이 좋을 것 같다. 2. 리액트는 SPA(Single Page Application)기반이다. 1) 기존 MPA(Multi Page Application)의 문제점 여러 페이지로 .. 2023. 4. 15. [JavaScript] 동기와 비동기 차이, 비동기 처리 방식의 종류와 특징 1. 동기와 비동기의 이해 자바스크립트는 동기적 언어이며, Single Thread 언어다. 자바스크립트는 hoisting이 된 이후부터, 코드를 한줄씩 스크립팅하여 순차적으로 실행된다. 여기서 자바스크립트는 Single Thread 언어이기 때문에 하나의 Thread만 존재하며, 하나의 stack이 존재한다. 이 말의 뜻은, 하나의 Call stack에 쌓인 환경정보를 기반으로 컨텍스트를 생성하고 코드를 실행시키기 때문에 LIFO에 의해 순차적으로 순서가 보장된다는 것이며, 즉 자바스크립트 엔진 자체만으로는 멀티쓰레딩이 불가능 하다는 것이다. 현재 task가 종료되기 전까지 다른 task가 실행될 수 없다는 것을 의미하기도 한다. 💡 자바스크립트는 Single Thread 언어인데, 어떻게 비동기 처리.. 2023. 4. 14. [TIL-004] 알고리즘 테스트, 기술 매니저님께 질문 응답 정리 Today목표 : 4/13일 알고리즘 테스트, 기술 매니저님께 질문 응답 정리 알게된 점, 알고리즘 테스트를 꾸준히 준비하자 🟠 오늘 알고리즘 테스트에서 3번문제를 못풀고 나왔다. 지뢰찾기 알고리즘 문제였는데 일단 문제를 이해하는게 너무 어려웠다. 3문제 중에 2문제를 맞췄기 때문에 만족은 하지만 어려운 문제를 해석하는게 전에도 지금도 앞으로도 너무 어려운 것 같다. 알고리즘은 단 기간에 늘기는 아무래도 힘든 것 같으니 꾸준히 하루에 한 문제씩이라도 풀 수 있도록 노력하자..! 다음 문제는 백준 지뢰찾기 문제다. 알고리즘 테스트와 같은 문제는 아니지만, 기회가 된다면 꼭 풀어보도록 하자. 4396번: 지뢰 찾기 지뢰찾기는 n × n 격자 위에서 이루어진다. m개의 지뢰가 각각 서로 다른 격자 위에 숨겨져.. 2023. 4. 14. [TIL-003] 알고리즘 - 에라토스테네스의 체 연습, 기술면접 스터디 준비 Today목표 : 4/12일 Challenger's Challenge 5개 문제 풀기 ✅ 알게된 점, 1. 완주하지 못한 선수 - Map객체와 해시 테이블 🟡 일반 객체와 Map객체의 차이점 일반 객체는 모든 key를 순환하면서 해당하는 키값을 찾지만, Map은 해당 키값을 검색하여 찾는다. 따라서 시간 복잡도를 많이 줄일 수 있는 해시 테이블 자료구조에 대해 공부하고 Map객체를 활용하여 풀어보도록 하자. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 에라토스테네스의 체 - 소수 찾기 요구 사항 : 1부터 입력받은 숫자 n 사이에 있는 소수의 개수.. 2023. 4. 12. 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음
