본문 바로가기
반응형

분류 전체보기202

[GitHub오류] error: failed to push some refs to ' 'hint: Updates were rejected because the remote contains work that you do 문제 상황 error: failed to push some refs to ' 'hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushinghint: to the same ref. You may want to first integrate the remote changeshint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. local에.. 2021. 7. 31.
[React 에러] Warning: componentWillMount has been renamed, and is not recommended for use. Warning: componentWillMount has been renamed, and is not recommended for use. 문제 상황 React에서 오랜만에 Class 형태로 코드를 구현하는 중에 이러한 경고를 받았는데 해결 과정 componentWillMound --> componentDidMount로 변경함으로써 해결했다. 수정 전 componentWillMount() { fetchGet('data/productData.json') .then((res) => res.json()) .then((data) => { 수정 후 componentDidMount() { fetchGet('data/productData.json') .then((res) => res.json()) .then((dat.. 2021. 7. 30.
[이코다] 정렬 & 이진탐색 실전문제 p.181 정렬 실전문제 def solution(): n = int(input()) student = [] for i in range(n): name,grade = input().split() student.append([name,int(grade)]) student =sorted(student,key = lambda x : x[1] ) for i in student: print(i[0],end=' ') solution() 정말정말 간다한 문젠데 단순한 실수를 해서 기록한다. 배운점 1. 입력 받은 값이 정수인지 문자인지 구분하기 2. sorted를 하고 난 결과는 다시 받기 (sort와 다르다! 정렬한 값을 재할당 해줘야 한다) p.182 두 배열의 원소 교체 시간 복잡도 생각 안하고 푼 풀이 def .. 2021. 7. 28.
TIL #1 빠르고 간편하게 React 로 InfiniteScroll (무한 스크롤) 구현하기 React로 InfiniteScroll을 하는 방법 2가지 onScroll 이벤트 Intersection Observer API onScroll과 그 한계 사용자의 scroll event를 계속 보며 페이지가 끝에 오는지를 판단하는 방법을 구현이다. 하지만 드르륵 스크롤 할. 때마다 이벤트가 발생하는 것이다. 크롬에다 이것만 쳐봐도 알 수 있다. window.addEventListener('scroll',()=>console.log('🌀')) 그렇다면 남은 것은 🥳 Intersection Observer API 타겟과 viewPort 사이의 intersection 변화를 비동기적으로 관찰하는 방법 LazyLoading Infinite-scroll 사용자 결과 여부에 따른 애니메이션 등에 사용된다. 여기서.. 2021. 7. 28.
[JS Tam9생활] #5 프로퍼티 속성과 생성자 함수에 의한 객체 생성 📒16 - 프로퍼티 어트리뷰트 [[]] 내부슬롯과 내부 메서드 JS엔진의 구현알고리즘을 설명하는 ECMA Script 사양의 의사 프로퍼티와 의사 메서드 개발자가 직접적으로 접근하거나 호출할 수 없지만 간접적으로 접근할 수 있는 일부 슬로과 메서드 [[Prototype]] 모든 객체가 갖는 내부슬롯 proto로 간접 접근 가능 const a = {} a.[[Prototype]] // SyntaxError a.__proto__ // Object.prototype JS 엔진은 프로퍼티 생성시 프로퍼티어트리뷰트(프로퍼티의상태)를 기본값으로 정의 데이터 프로퍼티 키와 값으로 구성된 일반적인 프로퍼티 ex) [[Value]], [[Writable]]... 프로퍼티 생성시 [[Value]]값 : 프로퍼티 값으로 초.. 2021. 7. 26.
[이코다] 그리다 & 구현 실전문제 시간제한1 초 데이터 :100만개 => O ( n log n) p.96 숫자카드게임 내풀이 풀이시간 시간복잡도 20m O(N log N) def solution (): n,m = map(int,input().split()) for i in range(n): matrix.append(min(list(map(int, input().split())))) print(max(matrix)) result= 0 solution() 배운점 답의 후보들을 배열에 넣지 말고 그냥 두가지 값을 바로 max로 비교하는 것이 더 좋다 result = 0 for i in arr: result = max(i,result) p.100 숫자카드 풀이시간 시간복잡도 20m O(N log N) 내 코드 def solution(): n,k.. 2021. 7. 23.
[Next.js] Warning : Props 'className' did not match Server: ' ' Client: ' ' 문제상황 Warning : Props 'className' did not match Server: ' ' Client: ' ' Next.js 로 styled-components로 스타일을 적용한뒤에 난 오류! 이 오류는 Server 의 클래스와 Client의 클래스가 달라서 match 가 안된다는 것. Next.js는 첫 화면은 SSR(서버사이드렌더링)을 한 후에 뒤에 부분적으로 CSR(클라이언트 사이드 렌더링)을 하게 되는데 이때 서버와 클라이언트의 클래스가 달라서 생기게 된 오류이다. 실제로 Element를 확인하면 class= 'login_LoginDiv-sc-v...."로 되어있는데 서버에서는 class= "sc-v,,...."로 되어 있어 매치가 되지 않는다. 해결 방법 바벨의 설정을 변경해주면.. 2021. 7. 23.
[Next.js] #1 TypeScript로 시작하기 ✔️ 시작하기 전에 React의 작동 방식 react build -> 하나의 JS파일 생성 -> bundle.js가 cilent단에서 DOM을 그림 이러한 방식의 단점은 CSR의 단점이라고도 할 수 있는데 1. bundle.js 파일의 사이즈가 과도하게 커질 수 있다. 2. 사용자가 화면을 보기까지 지연시간이 길어진다. 3. SEO(Search Engine Optimization) 검색엔진에 불리하다. 특히 React는 대표적인 CSR(Client Side Rendefing)방식으로 렌더링하여, 초기 html이 비어있기 때문에 SEO에 좋지 않다. 위 상황들을 간편하게 관리하기 위해서 Next.js 프레임워크를 사용할 수 있다. 🤔 여기서 잠깐 용어 정리를 하고 넘어가자면, SEO 서버에 잇는 웹사이트의.. 2021. 7. 22.
[JavaScript] Uncaught SyntaxError: Cannot use import statement outside a module 오류 문제상황 바닐라 JS로 프로젝트를 할때 html을 잘못 연결하면 아래와 같은 오류가 발생한다. Uncaught SyntaxError: Cannot use import statement outside a module index.js import App from './component/App.js'; new App(document.querySelector('.app')); index.html module이 아닌 것에서 import를 했다는 것인데, script 타입의 속성을 module로 명시하지 않아서 생긴 문제다. 해결방안 module이란 JavaScript 코드의 크기가 갈수록 커지고 기능도 복잡해지자 코드 전체를 기능단위인 코드 뭉치로 분해하고 결합하는 시스템을 마련했는데 그것이바로 Module Sy.. 2021. 7. 20.
반응형

티스토리툴바