자바스크립트는 왜 어려울까? 프로그래밍은 원래 쉽지 않아요. 쉽지 않기 때문에 학습에 시간이 걸립니다. 시간을 많이 투입하면 빨리 성장하지만 그래도 단기간에 급성장하기는 어려울 수 있어요. 진입 장벽이 어느 정도 있는 편이기 때문에 타 업종과 비교할 때 대우가 좋은 편입니다. 어느 정도의 진입 장벽이 있다는 것은 유리한 면도 있어요. 자바스크립트를 어떻게 공부하는 것이 효율적일까? "효율적인 학습 방법"은 무엇을 의미할까요? 최소 비용 최대 효과의 원칙("가장 적은 노력으로 큰 효과를")이 통할까? 투입 시간과 성장은 비례합니다. 재능보다 투입 시간이 성장에 더 중요합니다. 의식적인 연습을 꾸준히 반복하면 반드시 성장합니다! 프로그래밍 수련법 메타 인지 메타 인지 : 내가 아는지, 모르는지를 아는 것. ..

프로젝트 설명 옥소폴리틱스 인턴 첫번째 프로젝트는 '옥소폴리틱스 홈페이지 클론 코딩' 으로 진행하였다. github link : https://github.com/oxopolitics-internship-for-zerobase/oxoClone GitHub - oxopolitics-internship-for-zerobase/oxoClone Contribute to oxopolitics-internship-for-zerobase/oxoClone development by creating an account on GitHub. github.com 프로젝트의 목적 나를 포함한 3명의 인턴들 모두 React를 처음 접하거나 접한지 얼마 되지 않았기 때문에, React와 좀 더 친해지기 위한 프로젝트이다. 구현하고..

에러와 해결 방법 createUserWithEmailAndPassword & signInWithEmailAndPassword 오류 onSubmit 함수 중 createUserWithEmailAndPassword와 signInWithEmailAndPassword 함수에 다음과 같이 코드를 작성하였더니 오류가 생겼다. 코드 import { createUserWithEmailAndPassword, signInWithEmailAndPassword, } from 'firebase/auth'; import { authService } from 'fbase'; data = await createUserWithEmailAndPassword( authService, email, password ); 에러 Firebase..

문제 Given two strings s and t, return true if t is an anagram of s, and false otherwise. An Anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. s와 t 문자열이 주어지면, t가 s의 아나그램일 때 true를 반환하고 아니면 false를 반환한다. 아나그램이란, 단어를 구성하는 알파벳들이 다른 순서로 구성되어있는 또 다른 단어를 말한다. 예시 Example 1: Input: s = "anagram", t = "nagaram" ..

문제 Given an integer array nums, return true if any value appears at least twice in the array, and return false if every element is distinct. 주어진 nums 배열 요소 중 중복되는 값이 있다면 true, 없으면 false를 반환하라. 예시 Example 1: Input: nums = [1,2,3,1] Output: true Example 2: Input: nums = [1,2,3,4] Output: false Example 3: Input: nums = [1,1,1,3,3,4,3,2,4,2] Output: true 제약 조건 Constraints: 1

노마드코더 강의 중 'ReactJS로 영화 웹 서비스 만들기' 를 보며 웹 배포를 해보았다. gh-pages 에 대해 궁금한 점도 생기고 따로 기록 해두었다가 나중에 웹 배포를 할 때 볼 수 있도록 정리하기 위해 이 글을 작성한다. gh-pages 사용 방법 터미널에서 아래 명령어를 실행한다. npm i gh-pages 설치하고 나면 package.json에서 셋팅을 변경해야 한다. /package.json "scripts": { "predeploy": "npm run build", "deploy": "gh-pages -d build", *** }, *** "homepage": "https://유저네임.github.io/저장소명", gh-pages -d build에서 build는 빌드 됐을 때의 폴더명이..

1. 내 remote repo 싱크 맞추기 2. 내 local main에 싱크 맞춘 repo pull하기 3. pull 할 때 충돌 발생, vs code에서 수정 4. 수정 후 해결 mark 하고 commit & push 5. pr 생성하면 resolve 되어 merge 가능..!!! 참고사이트 https://irontech.tistory.com/25 Git & Sourcetree - Branch 충돌 해결하기 목표 충돌이란 무엇이고, 어떻게 해결하고, 어떻게 효율적으로 충돌을 피할 수 있고, 예방적인 차원에서 충돌이 덜 일어나게 할 수 있는가에 대해 알아보도록합니다. 브랜치를 나누었을 때, 각 irontech.tistory.com

노마드코더 영화 웹 서비스를 만들다가 리액트 렌더링이 두 번씩 발생하는 것을 발견하였다. 렌더링이 두 번 발생하는 이유는 React.StrictMode 때문입니다. npx create-react-app 으로 생성하면 자동 설정이 되있습니다. 따라서 index.js 에서 이 Wrapper를 제거해주면 컴포넌트가 두번씩 호출되지 않습니다. ReactDOM.render( ); StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다. Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. 리액트 공식문서 StrictMode는 아래와 같은 부분에..