목록분류 전체보기 (18)

FE 개발자의 성장 기록👩‍💻

iOS(JavaScriptCore) 에서 날짜 처리하기

최근 프로젝트에서 날짜 문자열을 최신순으로 정렬하기 위해 아래와 같은 코드를 작성했다.// timeArray의 요소는 'yyyy-MM-dd hh:mm:ss' 형식의 문자열timeArray.sort((a, b) => { const targetA = new Date(a); const targetB = new Date(b); return targetB.getTime() - targetA.getTime();});PC브라우저와 모바일 웹 환경에서 모두 정상 동작했기 때문에, 해당 코드에 문제가 없다고 생각했다.하지만 iOS의 특정 기기(인앱 웹뷰)에서 정렬이 제대로 이루어지지 않는다는 타 부서의 문의가 들어왔다.문제 원인iOS에서 발생한 문제의 원인은 자바스크립트 엔진 간의 Date 객체 처리 방식 차이에 ..
FE 2024. 1. 18. 14:33
백준 1325. 효율적인 해킹 ( NodeJS )

item.split(' ').map((value) => +value)); const [N, M] = info; const solution = () => { // 컴퓨터의 신뢰하는 관계가 주어졌을 때, 그 관계 정보를 나타내는 2차원 배열 ( 인접리스트 ) const graph = Array.from({ length: N + 1 }, () => []); for (let i = 0; i { ..
알고리즘 연습 2023. 5. 22. 08:59
[JavaScript] 이미지 에디터 구현하기

1️⃣ 이미지 크롭 🔴캔버스 위에 마우스를 클릭했을 때 ▶ sX, sY에 시작점의 좌표를 저장 this.canvas.addEventListener("mousedown", (e) => { sX = parseInt(e.clientX - canvasX, 10); sY = parseInt(e.clientY - canvasY, 10); drawStart = true; }); 🔴마우스를 클릭한 상태(drawStart)에서 움직일 때 ( 드래그 ) ▶ 현재 지점을 eX, eY에 저장한 후 sX, sY로부터의 사각형을 그림 this.canvas.addEventListener("mousemove", (e) => { if(!drawStart) return; eX = parseInt(e.clientX - canvasX, 1..
JavaScript 2022. 12. 25. 15:21
[JavaScript] 카카오 지도를 연동한 지도 서비스 구현하기

1️⃣ 강남역 부근 카페 3개에 대한 마커 표시 🟡 마커 이미지 생성 함수 isMyLocation : 내 위치를 표시하는지 아닌지 ⇒ true일 경우 직접 만든 myLocation.png 의 이미지로 마커 표시 const createMarkerImage = (isMyLocation = false) => { const imageSrc = (isMyLocation) ? "./markerImg/myLocation.png" : "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png"; const imageSize = new kakao.maps.Size(24, 35); const markerImage = new kakao.maps.Mark..
JavaScript 2022. 12. 16. 22:12
이전 Prev 1 2 3 4 5 Next 다음