#크롬

질문 2
해시태그 없이 키워드만 일치하는 질문은 개수에 포함되지 않아요.

7달 전 · 익명 님의 새로운 답변

리액트에서 브라우저 Intersection Observer 사용 질문,

안녕하세요, 채팅 관련 프로그램을 개발하고 있습니다. 다름이 아니라 Intersection Observer를 통한 화면 최적화를 진행하고 있습니다. 원하는 최적화 방식은 isIntersector의 true/false 여부를 통해 화면에 메시지 컴포넌트를 제공하고 있습니다. 동작은 정상적입니다. 그런데 문제가 있습니다. 부모에 Intersection Observer를 두나 자식에 Intersection Observer를 두나 아래 2가지 버그가 동일하게 나타납니다. 1. 다소 긴 채팅 또는 무거운 채팅 메시지는 화면 영역에 나타났음에도 isIntersector가 가끔 false 인경우가 있습니다. 그래서 부모가 높이는 가지고 있으나 내용이 빈 경우가 종종있습니다. 2. 메시지가 화면에서 딱 사라지는 순간 isIntersector가 무한 루프 되면서 true/false를 번갈아 가면서 반환합니다. 브라우저는 엣지입니다. 크롬은 불가능합니다. 1번 같은 경우는 산발적으로 발생하고, 2번은 저 상태가 되면 무조건 발생하는 에러입니다. 검색을 이리저리 해봤는데 도통 해결방법이 나오지 않아 여기에 문의드립니다.

개발자

#react

답변 1

댓글 0

조회 26

8달 전 · 익명 님의 질문

react 모바일웹 헤더가 Safari 상단 url 바 가림 현상

React / typescript / tailwindcss 헤더를 fixed / sticky로 고정을 해서 크롬에서는 잘 적용됬는데 아이폰 safari 브라우저에서 설정 - 단일탭으로 하고 들어가면 첨부파일처럼 상단 URL 바를 제 헤더가 가려버리는 현상이 나옵니다. index.html에 아래 속성도 추가된 상태입니다ㅠㅠ <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> 저와 비슷한 현상인 분 계실까요??

개발자

#frontend

#react

#tailwindcss

답변 0

댓글 0

조회 69

10달 전 · Kyu 님의 질문

네이버 앱 css 적용 범위

안녕하세요 리액트로 웹 페이지를 만들면서, 브라우저별로 css가 잘 적용이 되었는지 확인을 하면서 궁금한게 생겨서 질문을 남깁니다. 크롬이나 웨일에서는 잘 적용이 되는 부분들이 네이버 앱을 통해 웹 페이지에 들어가는 경우에는 css가 적용되지 않는 부분이 있더라구요.. 적용하는 css마다 일일이 확인을 해야하는건지.. 아니면 caniuse에서 어떤 브라우저의 어떤 버전에 해당되면 되는건지 궁금합니다. 혹시 같은 고민을 하고 계시거나 정보를 아시는 분이 있으면 좋겠네요

개발자

#css

#네이버앱

답변 0

댓글 0

조회 71

일 년 전 · 문정동개발자 님의 새로운 답변

웹폰트 나눔스퀘어네오 윈도우 크롬 적용안되는 현상

React 프로젝트이며, 웹폰트로 나눔스퀘어네오 cdn방식으로 가져오고 있습니다. 맥에서는 잘 적용되는데, 윈도우 크롬 콘솔에 에러 뜨고 네트워크탭 - 폰트 확인 시 404가 뜨는데, 혹시 저와 같은 현상인 분 있으신가요?? 콘솔 에러 OTS parsing error: Unable to instantiate font face from font data. ``` @font-face { font-family: 'NanumSquareNeo-Variable'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff') format('woff'); font-weight: normal; font-style: normal; } ``` 나눔스퀘어네오 폰트 https://noonnu.cc/font_page/1053

개발자

#프론트엔드

#react

#fronted

#font

#웹폰트

답변 1

댓글 0

보충이 필요해요 1

조회 223

일 년 전 · 익명 님의 새로운 댓글

리액트로 웹서비스 개발 중 구글sdk 로그인 오류 질문입니다

리액트로 구글 sdk 로그인 구현시 인앱 뷰 (카카오나 인스타그램 네이버앱 등에서 링크로 웹 서비스 접속시) 에서 로그인 실행하면 403 disallowed_useragent 오류가 발생하는데 프론트에서 해결방법 아시는 분 계신가요... 카카오dev에서는 3년째 해결 안하냐고 사람들 화내고 있던데 해결법이 아예 없는 것인지... 크롬에서는 정상으로 작동하는데 일부 앱에서 저런 현상이 발생하네요 며칠 조사해봤는데 16년 이후로 구글에서 보안문제로 웹뷰 접근을 막았다고 하는 거 같던데 혹시 해결하신 분 있으실까요 도와주세요 선생님들

개발자

#react

#질문

#로그인

#403

#구글sdk

답변 1

댓글 5

조회 196

일 년 전 · 익명 님의 새로운 댓글

서버리스 백엔드 API 주소 노출

안녕하세요, 현재 람다, api gateway 등을 활용해서 서버리스 백엔드 구성을 시도하고 있는 학생입니다! 해커톤처럼 개발했던 서비스를 서버리스로 마이그레이션 하는 과정에서 과금 때문에 api 호출을 신경쓰다가 질문이 생겨 글을 쓰게 되었습니다. 이전까지는 해당 부분을 신경쓰지 않아서 크롬 데브툴에서 네트워크를 확인하면 백엔드 API 주소가 그대로 노출되었습니다. 그런데 서버리스를 고민하다보니 API 주소가 노출되면 API를 직접 과하게 호출하여 서비스를 공격하거나 심지어 페이지를 과하게 새로고침하여 백 API가 과하게 호출될 수도 있어 위험할 것 같습니다. 서버리스면 과금의 문제고 서버풀이어도 서버에 부하가 걸리는 문제가 발생할 수 있을 것 같은데 이런 문제는 어떻게 방지하는지 막상 떠오르지 않아 질문글로 남깁니다. 아직 모르는 것이 많아 여러모로 조언, 충고 부탁드립니다!

개발자

#서버리스

#서버

#백엔드

#api

답변 1

댓글 1

조회 156

일 년 전 · 익명 님의 질문

iOS에서 PWA 웹 푸시알림이 오지 않는 에러

안녕하세요. PWA로 웹 푸시알림을 구현했습니다. 그냥 서비스워커와 web-push 라이브러리 사용해서 구현했는데 맥북에서는 알림이 오는데 아이폰에서는 오지 않고 있습니다. 크롬, 사파리 둘 다 홈화면에 추가했지만 알림이 오지 않았고 iOS 17.4, 17.5 버전입니다. 혹시 해당 이슈에 대해 경험해보신분 있으실까요ㅠㅠ

개발자

#react

#pwa

#ios

답변 0

댓글 0

조회 265

일 년 전 · 포크코딩 님의 답변 업데이트

next.js에서 브라우저에 있는 탭기능을 구현하려고 합니다.

next.js로 구성된 사이트에서 특정 링크를 클릭해서 새로운 url로 이동되면 새로운 url로 이동됨과 동시에 브라우저 탭처럼 새로운 탭이 생성됩니다. 그리고 다른 url로 이동하면 새로운 탭이 생성 됩니다. 그리고 기존의 탭에는 새로운 url로 변경하기전에 있는 데이터들과 상태값이 유지되어 있고, 사용자가 해당 탭을 클릭시에 기존에 하던 화면을 그대로 보여줘야 합니다. 간단하게 이야기해서 웹사이트내에 크롬 상단 브라우저탭 기능을 만들려고합니다. 이것저것 시도해보고 있는데 next.js의 url routing를 사용하면서 기존의 상태값을 유지하기가 쉽지가 않네요 혹시 좋은 조언이 있으면 구하고 싶습니다. 감사합니다!

개발자

#next.js

답변 1

댓글 0

조회 266

일 년 전 · 허니 님의 질문

네이버 나눔스퀘어네오 가변 글꼴 웹 적용 안되는 현상

아래는 테스트를 위한 코드입니다. pretendard는 가변 글꼴 비교를 위해 넣었습니다. 윈도우11 기준 크로미움 123버전 까지 잘 동작했는데, 124버전으로 업그레이드한 후로 제대로 동작하지 않습니다. 무엇이 문제일까요? 크롬: 123이하 O / 124부터 X 엣지: 123이하 O / 124부터 X 파이어폭스: O https://campaign.naver.com/nanumsquare_neo/

개발자

#폰트

답변 0

댓글 0

조회 560

일 년 전 · 김민혁 님의 질문 업데이트

백엔드 공부 / 맥북 15 M2 램 선택

맥북으로 백엔드 개발 공부할려고 하는데 8기가로 할지 아니면 16기가로 할지 고민이네요 주로 vscode ,크롬, 유튜브 위주로 돌릴려고 하는데 누구는 스왑이 걸린다고 말해서 어떻게 해야하나요?

개발자

#맥북

#백엔드

#웹개발

#학생

답변 1

댓글 0

추천해요 1

조회 581

일 년 전 · 허형준 님의 새로운 답변

수강신청 매크로 만들어도 되나요?

대학 수강신청 용도의 크롬확장 매크로를 개발하려고 합니다:) 저는 졸업을 앞두고 있어서 제가 개인적으로 사용하기 위한 용도는 아닙니다! 크롬 익스텐션 앱으로 개발해서 크롬웹스토어에 배포할 생각이거든요. 모두가 매크로를 사용하면 문제가 없지 않을까 싶어서... ㅎ 개인이 상업적 용도 매크로를 개발해서 판매하는건 불법이라고 들었지만, 오픈소스 형태로 매크로 앱을 배포하는건 법적으로 문제가 있는지 궁금합니다!

개발자

#대학

답변 1

댓글 0

조회 144

일 년 전 · 성진 님의 질문 업데이트

컴콩과 3학년 올라가는 학부생입니다

안녕하세요 저는 이제 3학년 올라가는 컴공과 학부생입니다. 제 심정과 고민에 대한 방향성 그리고 선배님들의 조언을 구하고자 이렇게 글을 쓰게 되었습니다. 지난 1년동안의 대학생활동안 배운건 C, C++, 파이썬, 자바의 기초를 배웠었습니다(1학년때는 교양수업 위주로 들어서 제외했습니다) 이런 다양한 언어를 배우면서 자바가 좀 더 저한테 재미가 있었습니다. 그래서 자바관련 전공 성적도 좋게 나왔었고 재미가 있다보니 자바스크립트로 저만의 크롬 앱(테마)도 만들어봤었습니다. 그런데 어느순간 게임에 빠지게 되고 2학년 2학기 성적은 처참했고 또 한건 없어서 계속 제자리에 머물러 있다는 느낌만 하루하루 받았습니다. 그래서 정말 정신차리고 다시 열심히 해보고자 선배님들께 조언을 구하려고 합니다. 그래도 아예 코딩을 안한건 아니라 조금이라도 백준에서 자바로 단계별 문제를 계속 풀고 있습니다. 저는 자바백엔드 쪽으로 가고 싶은데 어떻게 시작해야 할지와 좀 더 실력을 키우기 위해선 무엇을 해야하는지 또 프로젝트를 추천하신다면 어떤식으로 접근해야하는지가 궁금합니다. 제 성격이 소극적이라 아는 동기와 선배분들이 없어서 그렇습니다. 지금까지 긴 글 읽어주셔서 정말 감사합니다.

개발자

#자바

#진로고민

답변 1

댓글 0

추천해요 1

조회 285

2년 전 · 이호창 님의 질문

플러터 디바이스별 화면 질문합니다...ㅠ

이번에 플러터로 처음 실무 개발을 해보았는데요 사수가 없다보니 어떻게 이것저것 검색해서 PC, 태블릿, 모바일까지 개발했습니다. 테스트 서버에 배포하고 QA중에 크롬 개발자모드에 있는 모바일 태블릿쪽 화면에서는 여백도 잘 맞게 나오는데, 실제 디바이스에서의 크롬, 사파리, 삼성인터넷 같은 기본 인터넷 어플에서 여백이 다르게 출력됩니다 이 경우에 대해 검색을 이틀내내 해봤지만 도저히 해결방법을 모르겠어서.. 혹시 방법 아는 선배 개발자분들이 계실까요..?

개발자

#flutter

#플러터

답변 0

댓글 0

보충이 필요해요 1

조회 183

일 년 전 · 김정현 님의 질문 업데이트

맥북 크롬 창 많이 띄어놓으면 발열이 너무 심한데 다른 브라우저 쓰면 해결되나요??

google crome helper 때매 발열이 너무 심해서 Arc 브라우저 쓰려고 하는데 크롬과 같은 크로미움 기반 브라우저 라는데 google crome helper도 똑같이 실행되나요??

개발자

#크롬

#arc

답변 0

댓글 0

조회 223

2년 전 · 프레드윰 님의 새로운 답변

자바스크립트 api호출 질문입니다.

안녕하세요 현재 한 인강을 보면서 api를 호출하는 공부를 하고 있습니다. 이미지처럼 코드를 작성하고 마지막에 data를 콘솔로 찍어보니 콘솔에 이렇게 에러가 나더라구요. 현재는 맥북으로 코드작성하고있고 크롬 브라우저를 사용하는데 계속 이렇게 에러가 뜹니다. 어제부터 이런 에러가 나서 집에 있는 데스크탑으로 하니 데스크탑에는 정상적으로 데이터가 콘솔에 들어오는데 맥북문제인지 계속 이렇게 에러가 나더라구요. 찾아보니 cors? 프록시? 이런 말이 나오는데 해결방법도 뭔지 모르겠더라구요. 인강에서는 프록시라던지 cors 이런말이 없어서...어떤문제인지 모르겠습니다.

개발자

#javascript

#api

#프론트엔드

답변 1

댓글 0

조회 70

2년 전 · 삭제된 사용자 님의 새로운 댓글

exe 파일은 어떻게 만드나요?

안녕하세요! 비전공자이지만 친구들끼리 공유할 수 있는 사진첩을 만들고 싶은데 어떻게 시작할지 모르겠습니다. 일단 exe를 응용프르그램이라고 읽는 게 맞을까요? 아니면 죄송합니다... PC카톡이나 디스코드처럼 응용 프로그램을 실행해서 사용할 수 있게 만들고 싶은데 지식이 짧아서 제가 가진 능력으로는 어떤 프로그램을 사용해서 어떤 언어로 만드는지 찾기 어려워 여기에 질문를 하게 되었습니다. 만들고 싶은 게 어떤 느낌인지 정리하자면 1. 실행 파일처럼 만들고 싶습니다. 2. 특정 사람들만 들어오게 만들고 싶습니다(로그인 기능) 3. 각자 사진을 올릴 수 있고 모두가 같이 볼 수 있습니다. 2, 3번은 그렇다쳐도 1번이 정말 궁금합니다.. 어떤거든 코드로 작성해도 항상 결과물을 확인하는 건 크롬창인데 이런 사이트 느낌이 아닌 말 그대로 응용 프로그램을 다운 받고 실행하는 걸 만들고 싶습니다... 혹시 방법을 아시는 분 있을까요?

개발자

#비전공자

답변 1

댓글 2

조회 142

2년 전 · csw 님의 새로운 답변

GCP Compute Engine에서 파일 다운로드가 안됩니다

현재 회사의 프로젝트는 AWS가 아닌 GCP를 사용합니다 모두 GCP의 Compute Engine에 인스턴스를 만들어서 배포를 하고 있어요.. 업무 특성상 일부 파일을 인스턴스에서 다운로드를 받아야하는일이 1달마다 있습니다. 저번달 까진 이 방법을 통해서 잘 되다가 이번에 필요해서 갑자기 동일한 방식으로 하니 맥북으로 다운로드가 안되고 있습니다 맥북 >>> GCP 로 파일 업로드는 잘 됩니다 GCP >>> 맥북 으로 파일 다운로드가 안되는 상황입니다. 다운로드 폴더를 확인도 해보고 크롬 브라우저에서 바탕화면으로 다운로드 경로로 바꿔보고 해봤으나 맥북으로 파일이 다운로드가 안되고 있습니다 원래는 이렇게 했습니다 1. sudo su로 root계정 접속 2. 특정 디렉토리의 파일 다운로드 (아래의 이미지를 예시로 들면 /home/nextkynoa/abc.txt) 3. GCP에서 다운로드 완료 되면 다운로드 폴더에 abc.txt 생성 완료 아래의 이미지는 회사의 인스턴스가 아닌 개인 인스턴스 입니다 sudo su를 제외해볼까? 하고 root 권한이 아닌채로 다운로드 해봤으나 동일합니다 어떻게 해야할까요..?

개발자

#gcp

답변 1

댓글 0

조회 181

2년 전 · 손호영 님의 질문

크롬에서 API 구축문제

VM283:5 crbug/1173575, non-JS module files deprecated.라는 에러가 떴다. 이에 모든 것을 해결했는데 되지 않았았다 어떻게 해야할까요?

개발자

#api

답변 0

댓글 0

보충이 필요해요 1

조회 82

일 년 전 · 김민상 님의 질문 업데이트

맥북으로 이제 바꿀려는데 고민이 있습니다

백엔드개발자 취준생이고 현재 프로젝트를 할때 보통은 인텔리제이,postman,크롬3,40개 (유튜브),디스코드(화상회의),노션,블로그 정도의 창을 띄우고 datagrip , 도커에 redis 띄우고 작업하는거 같습니다 . 이정도면 32기가로 맥북 사는게 나을려나요? 돈은 300까지는 있는데 무리해서라도 300근처에 사는게 맞는지 궁금합니다.

개발자

#맥북

답변 2

댓글 3

조회 637

2년 전 · 조용구 님의 새로운 답변

아웃룩 css 이미지 사이 틈 어찌 해걀해야할까요

테이블 태그 사용해서 아웃룩에 보낼 html에 작업중입니다. 이미지 넣으랴고 하는데 tr> td> img 이미지1 tr> td> img 이미지2 tr> td> img 이미지3 이렇게 넣었는데 틈이 간격이 생겨요.. Padding 0; margin0; 주더라고 크롬에서는 이미지들끼리 잘 이어져있는데 아웃룩으로 보내면 간격이 생기는데 어떻게 해걀해야할까요..

개발자

#html

#css

#frontend

#react

답변 1

댓글 0

조회 84

2년 전 · 암소메애 님의 새로운 답변

크롬 새 탭에 html 요소를 삽입하고 싶습니다.

https://github.com/hbcha0916/QuickSearch 이 아이디어를 크롬 확장 프로그램으로 만들고자 현재 작업 중에 있습니다. 그러나 contents script를 만드는 과정에서 어떻게 크롬 새 탭에 접근할 지가 의문입니다. Manifest.json에서 적용되는 사이트의 주소도 어떻게 해야할 지 의문이고, 자바스크립트로 DOM을 어떻게 조작해서 새 탭에 요소를 삽입해야 할지 잘 모르겠습니다. 다른 분들의 조언을 듣고자 질문 올려봅니다.

개발자

#javascript

#프론트엔드

#프론트앤드

#크롬

답변 1

댓글 0

조회 111

2년 전 · NickSoon 님의 새로운 댓글

Javascript 에서 setTimeout으로 redirect 후 뒤로가기 했을때 이전 페이지가 아닌 전 전 페이지로 돌아가는 이유

크롬 브라우저에서 스크립트 setTimeout으로 이동 후에 이동 된 페이지에서 브라우저 뒤로가기 버튼을 누르면 이전 페이지가 아니라 그 전 페이지로 이동 되는 문제가 있는데 어떻게 해결 할 수 있을까요? 현재 a, b, c html 3개 파일이 있고 a는 누르면 b로 이동하는 버튼 하나를 가지고 있습니다. b는 아무 동작 없이 setTimeout으로 cl로 이동합니다. c는 아무 코드가 없고 코드를 작성할 수 없습니다. a에서 버튼을 눌러서 b로 location.href 로 이동 후 b에서 setTimeout(() => {location.replace('c.html')}, 5000) 으로 c로 이동 한 뒤 c 에서 뒤로가기를 하면 b가 아닌 a로 이동 됩니다. (b에서 유저가 클릭이나 다른 액션을 하면 c에서 뒤로가기 시 b로 오지만 아무런 액션이 없을 때 a로 돌아갑니다.) c를 수정할 수 없을 떄 b를 수정해서 이 이슈를 해결하는 방법이 있을까요? stackoverflow (https://stackoverflow.com/questions/76197884/after-redirect-from-settimeout-chrome-edge-back-button-doesnt-work-well) 에도 비슷한 이슈가 있는데 여기도 해결된 답은 없어서 여기에 질문을 남겨봅니다.

개발자

#javascript

답변 1

댓글 3

조회 342

2년 전 · 연양갱 님의 새로운 답변

에디터에서 돌아가던 기능이 웹에서는 동작하지 않는 문제가 있습니다.

지금 개발중인데 에디터 상에서는 충돌 처리가 잘 먹히는데 웹으로 올리면 안 먹는 것 같아요 ㅠㅠ 왜 에디터 환경과 실제 웹에서 차이가 발생하는 걸까요? 추가로, 크롬이나 파이어폭스로 돌리면 잘 되던 게 사파리에서는 안되는 경우도 있더라고요..?

개발자

#ide

#chrome

#firefox

답변 1

댓글 0

조회 100

2년 전 · 삭제된 사용자 님의 새로운 댓글

모바일 웹 페이지 height…

안녕하세요 현재 vue.js로 웹페이지 개발중인데요 모바일 페이지 만들던 중 크롬 개발자도구로 모바일 사이즈 맞춰서 원페이지로 반응형 작업하고있는데 실제 모바일로 보니 상단 url창과 하단 앞뒤 버튼 때문에 100vh로 만든 사이즈가 틀어지더라구요 ㅠㅠ 구글 찾아보고 100%로도 바꿔보고 style에 root 지정해서 js로 vh 변수 셋팅해보고도 했는데 도저히 안되서 글 남겨봅니다ㅠㅠ 다른 방법이 뭐가 있을까요..?

개발자

#vue.js

#모바일

답변 3

댓글 5

조회 172

2년 전 · 커리어리 AI 봇 님의 새로운 답변

와이어샤크 http 200 > 304

웹 사이트에 접속하면 접속이 잘 됐다고 200을 표시하고 새로고침을 하면 변경된 사항이 없기에 같은 패킷을 반환해서 304를 띄우지 않나요? 와이어샤크 > wifi > 시크릿탭 > www.google.com > 필터:http > 웹 새로고침 *사용한 브라우저 크롬 위 순서대로 했는데 304가 안 뜨는 이유가 뭘까요....

개발자

#와이어샤크

답변 1

댓글 0

조회 100

2년 전 · 커리어리 AI 봇 님의 새로운 답변

media query가 배포환경 mobile에선 작동을 안해요… ㅜㅜ

안녕하세요 ! Nextjs 를 이용해서 프로젝트를 진행하고있습니다 ! 개발중 크롬 개발자도구에서 모바일버전으로 했을땐 잘 동작하다가 배포환경에서 아이폰으로 접속했을때는 제대로 동작을 안하더라구요... // size.ts const MOBILE_PX = '768px' export const MOBILE_MODE = `(max-width: ${MOBILE_PX}) as const` // index.ts import {MOBILE_MODE} from '~~~' @media (${MOBILE_MODE}) { display:flex; flex-direction: column; } 예를 들어 이런형식으로 구성되어있는데 혹시 문제를 아시는 분 있을까요? ㅠㅠ 구글에 가장 많이나오는 글인 <meta name="viewport" ~~~ /> 태그는 예전에 삽입되어있구... 읽어주셔서 감사합니다 !

개발자

#css

#react

#nextjs

답변 2

댓글 1

조회 734

일 년 전 · 조찬우 님의 답변 업데이트

노트북 해킹인가요?

어제 노트북 전원을 끄지 않고 닫았습니다. 오늘 오후쯤에 깃허브에 접속하려고 노트북을 열었더니 크롬창에 무슨 설문조사 하면 애플 14프로 준다는 게 떠있고 도박 사이트가 대여섯개 줄줄이 떠있었습니다. 이럴땐 어떻게 해야 하나요… 그냥 포맷시키는게 답인가요..?

개발자

#해킹

답변 2

댓글 1

조회 316

2년 전 · 익명 님의 댓글 업데이트

잘되던 스크롤이동 기능이 갑자기 먹통이 됬습니다.

다른 브라우저에서 문제 없이 동작하는 scrollTo로 스크롤 이동시킨 기능이 제 컴퓨터 크롬에서만 동작하지 않는데 이게 이유가 뭘까요... 제 컴터 파이어폭스, 네이버웨일, 엣지 브라우저에서는 문제 없이 동작하는데 제 크롬에서만 아예 먹통이네요...? 심지어 다른 분 컴터 크롬에서는 또 잘 동작합니다... 이유가 뭘까요.....? 혹시 제가 발견못한 코드 수정이 있나 해서 한참전 브랜치로 롤백도 해보고 강력새로고침으로 캐시도 초기화 해봤습니다... 그런데도 증상은 같네요..;;;

개발자

#javascript

#react

답변 1

댓글 1

추천해요 2

조회 130

2년 전 · 😎 님의 답변 업데이트

(쌩초보,JS) 제가 무엇을 놓치고 있는걸까요? 수업 후 예시문제가 안풀립니다.

안녕하세요. 비전공자 취준생 입니다. 한 달 정도 전에 개발 공부를 막 시작해서 국비지원 부트캠프에 들어가려고 사전에 독학 중 입니다. 자바스크립트를 배우고 있는데요... 분명 인터넷 강의에서 선생님이 말씀 해 주셨지만 수업이 끝나마자마 문제를 풀면 코딩이 안됩니다... 예시입니다. 오늘은 10분정도 인터넷강의로 문자열 메서드를 배웠습니다. 변수 str1="Hello world"; 라고 했을 때 .length 를 사용하면 변수의 길이를 확인할 수 있다고 배웠습니다. 저는 이 수업을 들으면서 크롬 개발자 도구를 켜서 따라 쳤고 딱 srt1.length; 만 쓰고 엔터를 치니 바로 다음 줄에 11이 짠 하고 떴습니다. 기분이 좋았습니다. 그러나 수업이 끝나고 예시 문제에선 변수를 document.write() 로 출력해서 데이터(변수의 길이)를 확인하라고 했습니다. 저는 첫 번째로. var str1 = "Hello world"; str1.length; 를 쓰고 엔터를 쳤습니다. (아까 크롬에서 했던 것과 똑같이요) 그런데 아무 일도 일어나지 않았습니다. <수업 끝나고 문제푸는 자체 프로그램이 있습니다> 그래서 '아 document를 이용해 출력하라고 하셨지' 해서 다시 var str1 = "Hello world"; str1.length; document.wirte(str1); 을 했습니다. 그런데 역시 아무 일이 일어나지 않았습니다... 지금까지 자바스크립트에서 console.log 나 document.write 뒤에 오는 괄호 안에 이 전줄에 썼던 변수명을 넣고 ; 를 쓰면 출력이 됐던 기억이 있어 저렇게 했는데 해설지를 보니 var str1 = "Hello world"; str1.length; document.wirte(str1.length); 이거더라구요... 뭔가 제가 큰 기초 개념을 놓치고 있는 것 같아서 이대로면 모래성 쌓기가 되는 것 같아 무섭습니다. 답답하기도 하구요. 제가 응용력이 없는 걸까요...? 더 두려운건 구체적으로 제가 뭘 놓치고 있는지 모르겠습니다 ㅠㅠ 혹시 이런 저에게 들을만한 기초 강의나 개념 강의가 있다면 추천 부탁드립니다. 현재 자바스크립트 책을 보고 있는데도 코드 예시나 간단한 설명만 있을 뿐이더라구요. 유료 강의여도 강의가 좋다면 얼마든지 결제해서 들을 의향이 있습니다. 긴 글 읽어주셔서 감사합니다.

개발자

#기초

#js

#자바스크립트

#초보자

#취준생

답변 3

댓글 4

추천해요 5

조회 341

2년 전 · 손정현 님의 답변 업데이트

firebase auth 사파리 브라우저에서 안되는 문제

간단한 웹사이트를 도전해보고 있는데요. firebase authentication을 써서 구글 아이디로 로그인이 되도록 사용 중입니다. 문서는 https://firebase.google.com/docs/auth/web/google-signin 요거 참고해서 작업했습니다. 최종적으로 코드는 아래와 유사하구요. 이상하게 크롬은 되는데 사파리에서 안됩니다. 구글 로그인 창까지는 가지는데 막상 로그인하면 로그인이 되지 않습니다. 혹시 유사한 문제 풀어보신분 계실까요?

개발자

#react

#firebase

#firebase-authentication

#safari

답변 1

댓글 0

추천해요 1

조회 848