개발장이
Cancel

일치연산자(===)와 동등연산자(==)

1. 일치 연산자 ===를 사용하여 null과 undefined를 비교하면 두 값의 자료형이 다르기 때문에 일치 비교 시 거짓이 반환됩니다. alert(null === undefined); // false 2. 동등 연산자 ==를 사용하여 null과 undefined를 비교하면 동등 연산자를 사용해 null과 undefined를 비교하면 특별...

React Hooks - useRef()

zeroCho님의 nodebird강좌를 복습하는 중 imageInput과 postInput에서 왜 useRef()를 사용하는지 궁금해졌다 const PostForm = ({ post }) => { const imageInput = useRef(); const postInput = useRef(); const onCl...

React Hooks - useEffect()

# [1] Mount: 컴포넌트가 처음 실행될 때 컴포넌트가 시작되면 우선 context, defaultProps와 state를 저장합니다. 그 후에 componentWillMount 메소드를 호출합니다. 그리고 render로 컴포넌트를 DOM에 부착한 후 Mount가 완료된 후 componentDidMount가 호출됩니다. ...

javascript - Object Model

window : 브라우저의 요소들과 자바스크립트 엔진, 그리고 모든 변수를 담고 있는 객체 브라우저 전체를 담당하는 게 Window 객체이고, 웹사이트만 담당하는게 Document 객체 Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서 (ex: chrome browser가 window객체, documen...

programmers_Level1_javascript 네 번째

프로그래머스에서 문제 확인하기 31. 약수의 합 //sol1 function solution(n) { console.log(Array(Math.floor(n / 2)).fill().map((v, i) => i + 1).reduce((s, c) => n % c ? s : s + c) + n); } //sol2 function s...

href란 무엇인가

인터넷Internet : TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크 웹www : 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간 -전자메일과 같이 인터넷상에서 동작하는 하나의 서비스 href:...

programmers_Level1_javascript 세번째

함수가 자기 자신을 호출하는 재귀로 된 풀이방법을 보면 어떻게 이런 걸 생각해낼 수 있는지 놀랍다. 21번 ‘최대공약수와 최소공배수’ 문제는 재귀함수가 바로 이런 것이란 것 알게 된 문제였다. level 1 정도까지는 다른 사람의 풀이를 참고하면서 공부하고 있지만 level 2부터는 알고리즘에 대한 기본 이론을 공부하고 도전해야겠다. ‘Hello 알...

programmers_Level1_javascript 두번째

문자를 다룰 땐 역시 정규표현식이 가장 코드량이 짧고 효율적인 듯 하다. ‘배열은 편리하고 성능도 좋은 메소드를 많이 제공하므로 얼마나 많은 메소드를 알고 있냐가 프로그래밍의 효율성을 좌지우지한다’는 제로초님 말처럼 알고리즘 문제를 풀면서 배열 뿐 아니라 문자, 숫자와 관련된 다양한 메소드들을 찾아보고 여러 번 써보면서 익히는 시간이었다. 프로그래...

programmers_Level1_javascript 첫번째

‘2020.10.21’ 부터 프로그래머스에 있는 알고리즘 연습문제를 풀기 시작했다. 처음 일주일은 해답을 보지 않으면 2-3시간을 고민해도 안풀렸는데 조금씩 비슷한 풀이가 나오기 시작하자 혼자 힘으로 쉬운 문제는 풀리는 게 신기했다. 내가 푼 방식과 함께 프로그래머스에 있던 다른 기발한 답들도 함께 기록한다. 프로그래머스에서 문제 확인하기 1. ...

eventBubbling 문제 해결하기

검색결과 목록 드레그하기 <div class="slider"> <div class="listbox"> <ul class="items"> <!-- <li class="item" id="0"></li> --> ...