개발/Frontend16

• [Ajax] Uncaught TypeError : Illegal invocation 해결법 $.ajax({ url: 'http://localhost:8080/chat/receive', type: 'POST', data: data, // 수정부분 contentType: false, processData: false, success: function (res) { console.log("Success!!"); }, }); Ajax로 데이터를 넘겨줄 때 Uncaught TypeError : Illegal invocation 에러가 발생했는데, 이는 알맞은 데이터 타입이 와야 하는데, 다른 데이터 타입이 들어와서 나는 오류이다. 위와 같이 contentType, processData의 옵션을 false로 주면 해결된다. 기본적으로 보통 JSON 데이터를 받으려면 contentType: applicat.. 개발/Frontend 2023. 10. 14.

• [HTML] button을 눌러도 submit이 안될 때 열심히 프로젝트 진행 중 ... button 태그에 자바스크립트 펑션을 짜서 form에 있는 값들과 함께 다른 페이지로 submit 해주려고 하고 있었다. 그런데 다른 페이지로 다이렉팅은 되는데 값은 안 넘어오는 상황 ㅜㅜ 알고보니 button 태그의 기본 type은 button 이 아니라 submit 이었다... 버튼 버튼 기본적으로 submit 기능을 가지고 있으니 type 을 명시해주지 않아도 따로 onclick 옵션에 펑션을 넣어주지 않아도 자동으로 submit도 해주고, 엔터체크 까지 해주고 있는 아주 좋은 태그였다... 여러 화면을 개발해봤다고 생각했지만.. 이제서야 버튼의 기본 타입을 알고 간다는 것이 신기했다. 어쨌든 기본적으로 form 넘겨주는데에는 버튼의 기본 타입으로 넘기는 것도 괜춘.. 개발/Frontend 2023. 7. 29.

• [리액트네이티브] React-Native UI Template 리액트네이티브 UI 템플릿 저장소 목록 https://nativebase.io NativeBase: Universal Components for React & React Native NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive. nativebase.io https://react-native-training.github.io/react-native-elements Redirecting to https://react-native-elements.github.io/react-.. 개발/Frontend 2023. 4. 21.

• [리액트네이티브] React Native 주석 처리 방법 react, react-native 라고 해서 별다를 것 없이 javascript 이니까... // 이나 /* */를 사용하면 될 것이라고 생각했다. 그러나 return 영역에서 주석하는 방법은 중괄호를 사용해야한다. {/* 주석 */} {/* 메인 로고 */} haha blah blah ... 개발/Frontend 2023. 4. 21.

• [Flutter] onPageChanged 에러 (No named parameter with the name 'onPageChanged') 해결 방법 No named parameter with the name 'onPageChanged'. 에러가 출력되었을 때? 개발 중 CarouselSlider를 사용할 때 나는 에러였다. 기존 코드가 아래와 같았다면, CarouselSlider( items: images, onPageChanged: (index) { setState(() { _currentPage = index; _currentKeyword = keywords[_currentPage]; }); }, ), 아래 코드 처럼 CarouselOptions를 추가해주니 해결되었다. CarouselSlider( items: images, options: CarouselOptions( onPageChanged: (index, reason) { setState(.. 개발/Frontend 2022. 8. 22.

• [Flutter] Flutter null safety 비활성화 ( can't have a value of 'null' because of its type but the implicit default value is 'null' 에러 해결) can't have a value of 'null' because of its type but the implicit default value is 'null' 에러 출력 시 여러가지의 해결 방법이 있겠지만 (nullable 선언을 해준다던지..) 제가 진행하고 있던 프로젝트 내에서 가장 간단한 방법은 SDK 버전 다운그레이드였습니다. environment: sdk: ">=2.11.0 개발/Frontend 2022. 8. 22.

• [Web] 쿼리스트링이란? 사용자가 입력 데이터를 전달하는 방법중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다. 형식 정해진 엔드포인트 주소 이후에 ?를 쓰는것으로 쿼리스트링이 시작함을 알린다 parameter=value로 필요한 파라미터의 값을 적는다 파라미터가 여러개일 경우 &를 붙여 여러개의 파라미터를 넘길 수 있다.엔드포인트주소/엔드포인트주소?파라미터=값&파라미터=값 = 로 key 와 value 가 구분된다. 예시 : http://host:port/path?querystring 개발/Frontend 2021. 10. 17.

• [Web] http request, response 차이 웹브라우저가 웹 서버에 request를 보내고, 웹 서버가 웹 브라우저에 response를 보낸다. 이 때 웹 브라우저가 request를 보내서 응답 코드를 받았을 때 오는 코드가 'http 상태코드' 이다. HTTP 는 TCP 계열이지만 타 프로토콜(Telnet, FTP 등과는 다른 차이(Stateless) 를 가지고 있다. HTTP 는 사용자가 특정 html을 요청하면 그 페이지를 웹브라우저에 다시 요청 후 통신을 끊어버린다. 반대로 Telnet 이나 FTP의 경우 강제로 세션을 끊지 않는 이상 세션을 유지해준다. 이러한 방식은 장점, 단점이 될 수 있다. ex) 웹 프로토콜만 가지고 인터넷 뱅킹 프로그램 짰을 경우? 처음에 로그인 하기 위한 id, pw 입력 후 로그인 하고 자금이체를 클릭하면 다시.. 개발/Frontend 2021. 10. 15.

• [Web] http 상태코드 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다. 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다. 3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요합니다. 4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다. 5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다. 1XX : Information responses 상태 코드가 '1'로 시작하는 경우는 서버가 요청을 받았으며, 서버에 연결된 클라이언트는 작업을 계속 진행하라는 의미입니다. 해당 코드는 HTTP 1.0에서 지원되지 않습니다. 100 Continue 진행 중임을 의미하는 응답코드입니다. 현재까지의 진행상태에 문제가 없으며, 클라이언트가 계속해서.. 개발/Frontend 2021. 10. 13.

• [JS] JSON JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. XML vs JSON 데이터를 나타낼 수 있는 방식은 여러가지가 있지만, 대표적인 것이 XML이고, 이후 가장 많이 사용되는 것이 아마도 JSON일 것이다. XML 데이터 값 양쪽으로 태그가 있다.(HTML을 근본으로 했기에 태그라는 것이 없.. 개발/Frontend 2021. 10. 13.

• [HTML, CSS, Javascript] To Do List 코드 분석 오늘은 웹 프로그래밍의 Hello World 라고 할 수 있는 To Do List 코드를 분석. - 기능 목록 추가, 변경, 삭제, 완료 - 각 태그들의 예시 (사용자가 키를 누를 때 자바스크립트 실행) 이 이외에는 github에 주석으로 첨부 개발/Frontend 2021. 8. 16.

• [CSS] 기초 - 주석, HTML과 연결 주석 => /* 주석 */ 연결법 -> style.css 파일과 연동해주며, stylesheet으로 보게끔 하는 태그 개발/Frontend 2021. 8. 15.