개발공부 임고미

문자열 자르기! substr, substring 먼저 각자의 반환 값을 알아보면, substring( start, end ) : start인덱스부터 end인덱스 전까지 출력 substr( start, end ) : start인덱스부터 end개의 문자 출력 (end가 어울리는 이름은 아니지만... 비교하려고 굳이 end로 적었습니다) 1) substring (0,3) : 0부터 3전까지니까 인덱스 2번인 N까지 출력되는걸 확인할 수 있습니다. 2) substr(0,3) : 0부터 3개 출력할꺼니까, N까지 출력되는걸 확인할 수 있다. 3) 원본 문자열은 바뀌지 않는다. ! end를 적지 않는경우엔? 끝까지로 인식 제가 더 많이 쓰는건 ? substring을 더 많이 쓰는것같습니다, 찾고자하는 문자가 몇글자..

가끔 안드로이드에서는 터치가 잘 되는데 아이폰에서는 꾸욱 누르거나 2번씩 터치해야 터치가 먹을때가 있다. js를 통해 하는법은 addEventListener에서 click 을 걸어주는게 아니라 touchstart로 걸어주는것이다 그런데 이렇게 되면 아이폰에선 잘 될지 몰라도 안드로이드에선 너무 민감하게 반응하므로 스크롤 와중에 클릭이 되는경우도 발생한다. (- 디바이스 분기를 태워도 되긴하는데,,,, 굳이...?) 개선방법은 간단했다 클릭이 필요한 컨텐츠에 다음 css를 추가해주면 된다. cursor: pointer; 모바일이라 커서가 보일일이 없어 잘 사용안했었는데 아이폰 대응하면서 위대함을 알았다..

* 해당 작업은 react라이브러리로 페이지 작업하다 확인한 이슈임니당 결론 : safari에서 window.open 쓸땐 함수에 함수에 함수 타지 말고, 직접적으로 넣어주자 ---------- 상황 : 하이브리드앱 (웹앱) 만드는 중에 앱, 웹, 모바일 웹 을 구분해서 alert 을 띄워야 하는상황이 있었습니다 먼저 구분은 1. 모바일 앱 : 웹단에서 구분할 수 없으므로 안드로이드, IOS에서 작업해서 넘겨줘야합니다 (따라서 확인값만 알면 구분할 수 있습니다.) 2. 이 외 //pc구분 export const isPc = /win16|win32|win64|mac|macintel/i.test( window.navigator.userAgent ); //safari구분 export const isSafari..

1. Increment and decrement operators let counter = 2; const preIncrement = ++counter; // 앞에 연산자가 있는 경우, 더해주고 할당한다! counter = counter + 1; preIncrement = counter; const preIncrement = counter++; // 뒤에 연산자가 있는 경우, 할당해주고 더해준다! preIncrement = counter; counter = counter + 1; ▶ ' -- ' 연산자도 마찬가지의 순서로 한다! 2. Assignment operators let x = 1; let y = 2; x += y; //x = x+y; x -= y; x *= y; x /= y; 3.Comparsi..

Symbol은, 고유의 식별자를 처리하기위해 사용합니다. 따라서, 이름 충돌할 만한 위험이 없는 객체에서 유일한 프로퍼티 키를 만들때 사용하기도 합니다. 간혹 식별자를 string으로 처리하기도 하는데, 그럴때 이런 symbol을 사용해주면 동일한 'id'로 만들었지만 동일하지 않다고 판단합니다. const symbol1 = Symbol('id'); const symbol2 = Symbol('id'); symbol1 === symbol2 //false 만약, 동일한 symbol을 만들고 싶다면? 주어진 string에 맞는 symbol을 만들어 달라고 요청하는, Symbol.for('')을 사용해 만들어 사용해주면 됩니다. - 출력 symbol은 그냥 출력하면 안나오고, symbol1.description..

개념 1. null null 과 Null 은 다릅니다 ( 대소문자 구별). 의도적으로 값이 없음을 표현할때 사용합니다. 2. undefined 값이 선언됐지만, 할당된 적 없을때 undifined가 출력됩니다. null과 undefined는 falsy한 값으로 치부합니다. null == undefined ( 0 ) // 없다와, 할당 되지 않았다는 둘다 falsy 한 값이긴 하지만 null === undefined ( X ) // 완전 동일하진 않습니다. 따라서, 예를들어, test의 값이 undefined 또는 null값일때 !test 로 표현이 가능합니다. 값이 꼭 있을때만 값을 넣겠다! 라고 표현할땐 test && ~~~ 로 작성 할 수 있다

호이스팅이란? 어디에 선언을 하든, 가장 위로 데려오는 것을 의미합니다. -> var 키워드 사용하면 안되는 이유 ? 호이스팅 & 블록 스콥을 무시하기 때문입니다. console.log(test) // undifined test = 5; var test; console.log(test) // 'test' 자바스크립트의 미친짓! 1. 선언전에 console.log(test) 찍기! 2. 선언전에 값 할당하기! 다른 언어들이라면, 1번 줄에서 console 찍었을때 에러 났을거에요 값 할당하는건 상상도 못할일!🤦🏻‍♀️ 1번 콘솔결과, 없는걸 물어보내 ? 하면서 에러를 출력해야하지만, JavaScript에서는 undifined를 나타냅니다. test에 값 할당도 잘 됩니다! ( 잘 되면 안되지만 됨) 위의 ..

1. head에 로드 2.body에 하단에 로드 3. head 안에 async 와 defer 브라우저는 한줄 한줄 읽어 내려가므로, 1. head head에 로드를 하게 되면 script의 크기가 커졌을때 로드가 느려지므로, 사용자는 페이지를 느리게 볼 수 밖에 없음 2. body 하단 본문입니다. 하단에 로드를 하게되면, 페이지는 빨리 읽어질 순 있겠으나, 스크립트를 통해 불러오는 부분같은건 여전히 느리게 보임 3-1. Head 안에 script async 병렬로 다운 - 전제) 스크립트의 크기 : main2 > main1 > main3 - 다운로드 완료 순서 및 실행순서: main2 > main1 > main3 * 병렬적으로 다운받아 다운받는 속도는 줄이겠지만, 해당 스크립트에서 뒤에 로드되는 htm..