전체 글
-
[JavaScript] 자바스크립트 버블링 이벤트 막기WIL 2023. 7. 23. 23:31
자바스크립트 이벤트란? 자바스크립트에서 이벤트는 웹 페이지에서 발생하는 상호작용이나 특정 작업의 결과로 일어나는 알림같은 것이다. 이벤트는 상용자의 행동(클릭, 키보드 입력, 마우스 이동 등)이나 브라우저의 행동(페이지 로드 완료, 오류 등)에 의해 발생 할 수 있다. 버블링 이벤트란? 이벤트 버블링은 이벤트가 발생한 요소에서 상위 요소로 전달이 되는 과정이다. 코드로 예를 들어보자 function App() { const handleEvent1 = () => { alert('이벤트 1') } const handleEvent2 = () => { alert('이벤트 2') } const handleEvent3 = () => { alert('이벤트 3') } return ( 이벤트 1 이벤트 2 이벤트 3 ..
-
[JavaScript] 자바스크립트 타입에 대해서 알아보자WIL 2023. 7. 11. 19:50
자바스크립트와 같은 동적 언어에서는 타입 개념이 상대적으로 약할 수 있다. 동적 언어에서는 컴파일 시가 아니라 실행 시에 타입이 결정되기 때문이다. 그 결과, 변수를 선언하면서 값을 지정하지 않아도 사용할 수 있다. 반면, 정적 언어에서는 컴파일 시점에 변수에 들어갈 타입을 지정해야 하며, 지정하지 않으면 컴파일 시 에러가 발생한다. 타입이 필요한 이유는 자바스크립트 엔진과 개발자 모두에게 값이 어떤 종류인지, 그리고 고유한 내부 특성을 가지는지 알려주기 때문이다. 예를 들어, 숫자 42와 문자열 "42"를 구별할 수 있는 타입이 존재한다면, 엔진과 개발자는 의도에 따라 다르게 취급할 수 있다. (숫자는 계산을 위한 값, 문자열은 페이지에 출력할 원소 등). 이렇게 타입으로 개발자가 의도 하는것을 기계가..
-
7개월 동안에 항해99 취업 후기TIL 2022. 11. 19. 18:09
목차 - 항해99를 만나기 전의 나 - 개발자를 꿈꾸게 된 계기 - 내가 항해99를 선택한 이유 - 항해99를 하면서 힘들었던 시간들 - 항해99 매니저님들의 도움 - 항해99에서의 취업지원 지원주차 스프린터스 이후에관리 - 지금 까지의 소감과 항해99를 고민하시는 분들에게 항해99를 만나기 전의 나 항해99를 만나기 전에 나는 군대를 다녀오고 대학에 복학했었다. 전공은 자동차 기계과였는데 내가 여기서 공부를 해서 얻는것이 있을까..? 라는 생각이 스쳤었다. (2년제 대학이고 시골이라 많은 것이 부족했었습니다.. 변명 아닙니다..) 그래서 일을 해서 돈이나 벌고 내가 하고 싶은 걸 해보자 라는 생각으로 취업을 하고 자퇴를 했다. 취업을 한곳은 와이어 컷팅이란 기술을 사용해 반도체 부품을 가공하는 공장이었..
-
[2022.10.17] 스프레드 문법이란?TIL 2022. 10. 17. 19:24
spread 문법 ES6에서 도입된 스프레드 문법(=전개 문법) ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 (전개, 분산하여, spread) 개별적인 값들의 목록으로 만든다. (배열 상태가 아닌 개별적인 값들의 목록 상태이다.) 코드로 보는 스프레드 문법 let user = { name: "Mike" }; let info = { age: 30 }; let fe = ["js", "react"]; let lang = ["korean", "english"]; console.log("before user: ", user); user = { ...user, ...info, skills: [...fe, ...lang], }; console.log("after user: ", user); /* before..
-
[2022.10.04] (알고리즘) 문자열 내 p와 y의 개수, 수박수박TIL 2022. 10. 4. 19:12
문자열 내 p와 y의 개수 문제 보기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 반복문, 조건문 사용하기 function solution(s){ var count_p = 0; var count_y = 0; for(let i=0; i < s.length; i++){ // for문으로 문자열 길이 만큼 돌아서 if(s[i] === 'P' || s[i] === 'p'){ count_p++; }// 만약 i중에 P 또는 p가 같으면 count를 해라 if(s[i] === 'Y' || s[i] === 'y'){ count_y++; }// 만약 i중에 Y 또는 ..
-
[2022.10.03] 자바스크립트 함수TIL 2022. 10. 3. 19:24
함수(function)란? 함수란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 자바스크립트에서는 함수도 하나의 타입(datatype)이다. 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는것도 가능하다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의 될 수도 있다. 자바스크립트에서 함수를 정의하는 방법 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 (ES6) case 1 :함수 선언문 function add(x,y){ return x+y; } case 2: 함수 표현식 var add = function(x,y){ return x + y; } case 3: Function 생성자 함수 var add = new Function('x','y..
-
[2022.09.28] (알고리즘) 2016년, 나누어 떨어지는 숫자 배열TIL 2022. 9. 28. 20:36
2016년 문제 보기 https://school.programmers.co.kr/learn/courses/30/lessons/12901 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 반복문 사용하기 function solution(a, b) { var day = ['FRI', 'SAT', 'SUN', 'MON', 'TUE', 'WED', 'THU']; var month = [31,29,31,30,31,30,31,31,30,31,30,31] // 2016년은 윤년이고 1월 1일 이므로 day는 금요일로 시작하고 month는 1월 날짜로 시작한다 var su..
-
[2022.09.27] (알고리즘) 정수 제곱근 판별, 제일 작은 수 제거하기TIL 2022. 9. 27. 18:28
정수 제곱근 판별 문제 보기 https://school.programmers.co.kr/learn/courses/30/lessons/12934 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Math.sqrt() 사용하기 function solution(n) { let result = 0 var num = Math.sqrt(n); //Math.sqrt로 n의 젭곱근을 구한다 if(num % 1 == 0){ // 정수는 1로 나누었을 경우 항상 나머지가 0이 되는 속성을 이용해 // 조건문으로 나눈다 return (num+1) * (num+1); // 정수라..