dev.thisiszeroblog.com
Open in
urlscan Pro
211.249.222.34
Public Scan
URL:
http://dev.thisiszeroblog.com/
Submission Tags: phishingrod
Submission: On March 11 via api from DE — Scanned from DE
Submission Tags: phishingrod
Submission: On March 11 via api from DE — Scanned from DE
Form analysis
0 forms found in the DOMText Content
본문 바로가기 THISISZERODEV - 작심삼일 개발일기 블로그 내 검색 검색 * 관리 * 글쓰기 * 로그인 * 로그아웃 메뉴 * 홈 반응형 전체 글10 [React/axios/DB] HTML 코드가 데이터베이스 입력이 안되는 이유 로컬에서는 잘 됐는데 서버에서는 안되는 이유 현재 우리 회사에는 프론트엔드(저) 한명 백엔드 한명으로 프로젝트를 진행하고 있습니다. 프론트서버와 백엔드서버를 분리해서 REST API 형식으로 이루어져 있지요. 프론트엔드에서는 UI를 보여주고, 사용자가 기능을 실행하면 axios를 이용해 원하는 기능을 백엔드 서버에 요청해서 json형태의 결과값으로 다시 화면에 출력하는 방식으로 서비스를 운영하고 있습니다. 오늘은 게시판 만들기를 진행했습니다. 방식은 간단합니다. 프론트엔드 서버에서는 게시글을 작성할 페이지를 개발합니다. 작성자 이름과 글 제목, 글 내용을 입력할 입력창을 만들고, 입력을 완료하면 저장을 진행할 버튼을 추가합니다. useState를 이용해서 작성자, 제목, 내용을 문자열 형태의 변수로 저장.. 2023. 12. 27. Flutter 기초다지기 - Dart 2. 자료형 오늘은 플러터 기초다지기를 위한 Dart 언어를 파헤쳐보도록 하겠습니다. 지난 시간에는 변수를 선언하는 방법을 알려드렸고, 이번에는 변수의 자료형태를 지정하는 방식에 대해 적어보겠습니다. 문자열을 담을 수 있는 String 문자열 담을 수 있는 String은 말 그대로 지금 작성하고 있는 단어, 문장 등을 의미합니다. 쓸 수 있는 모든 글자를 담을 수 있다고 보시면 됩니다. 문자열 지정은 따옴표(" 또는 ')를 이용해서 지정할 수 있습니다. String a = "작심삼일 개발일기" print(a) // 콘솔에 작심삼일 개발일기 출력 정수를 담을 수 있는 int int는 정수(1,2,3,-1,-2,-3 등 소수점 자리가 없는 숫자)를 담을 수 있습니다. 앞서 언급한 String도 숫자를 문자열 형태로 담을.. 2023. 12. 14. Flutter 기초다지기 - Dart 1. 플러터는 다트를 사용하고 있습니다. Dart(다트)는 구글이 멀티플랫폼에서 작동하느 앱을 위해 만든 프로그래밍 언어입니다 Flutter(플러터)는 이 언어를 기반으로 구성되어있기 때문에 플러터 개발을 위해 다트는 필수적으로 공부해야 하는데요, 다행히도 이 언어의 목적 중 하나가 프로그래머들에게 '자연스럽게 다가가는 것'이라서 난이도는 프로그래밍 언어 중에서 쉬운 편이라고 할 수 있습니다. 인터넷만 있다면 언제 어디서나 공부할 수 있는 DartPad VSCode나 안드로이드 스튜디오 같은 개발 툴이 없어도 다트로 코딩해보고 실행할 수 있습니다. 바로 DartPad라는 사이트인데요, 인터넷만 사용할 수 있으면 언제 어디서나, 심지어 스마트폰으로도 다트 언어 공부가 가능합니다. 왼쪽 화면에서 코딩을 하고 파란.. 2023. 11. 22. Flutter 개발환경 구축 번외편 - VSCode 설치하기 Android Studio가 너무 느리다면 VSCode를 추천 비주얼 스튜디오 코드(Visual Studio Code. 이하 VSC)는 마이크로소프트에서 개발한 텍스트 에디터로 통합 개발 환경(IDE)인 안드로이드 스튜디오에 비해 PC 요구스펙이 상당히 낮으면서도 다양한 확장 기능을 통해 IDE 수준으로 기능을 사용할 수 있는 장점이 있어서 많은 개발자들이 VSC를 사용하고 있습니다. 다만, IDE가 아니기 때문에 프로그램을 컴파일 하려면 확장 기능을 통해 컴파일 환경을 직접 구축해야 하는 번거로움이 있기 때문에 Android Studio 사용에 불편함(렉이 걸린다던지)이 없다면 Android Studio를 계속 사용하는 편이 좋을 수도 있습니다. 아래 링크를 통해 다운로드 페이지로 이동한 뒤 윈도우, .. 2023. 11. 22. Flutter 개발환경 구축 - 안드로이드 에뮬레이터 설정 PC에서 모바일 환경을 보기 위한 에뮬레이터 설정 이번 포스팅에서는 안드로이드 에뮬레이터를 설정하는 방법을 작성하겠습니다. 간단하게 말해서 PC에서 안드로이드 환경을 구축하여 앱 개발 상황을 테스트하기 위한 도구로서 만약 스마트폰으로 직접 개발 테스트를 진행하신다면 패스하셔도 됩니다. 에뮬레이터는 안드로이드 스튜디오에서 설치할 수 있습니다. 먼저 첫 화면에서 More Actions를 선택하신 후 'Virtual Device Manager' 를 클릭해 주세요 해당 메뉴를 선택하면 새로운 창이 열릴 텐데요, 여기에서 Create Device 버튼을 눌러주세요. Create Device 버튼을 누르면 기기를 선택하는 목록이 나오는데, 기기는 취향에 맞춰 선택하되, 플레이 스토어 아이콘이 표시된 기기를 선택해 .. 2023. 11. 20. Flutter 개발환경 구축 (feat. SDK) - 2 - 개발공부 기록 안드로이드 스튜디오에 플러터 플러그인 설치. 지난 포스팅에서 안드로이드 스튜디오 설치 및 초기세팅을 완료하였습니다. 이제 안드로이드 스튜디오에 플러터 플러그인을 설치하고, 자바를 설치하고 플러터 SDK를 설치하고 진짜로 플러터 개발환경 구축을 완료하도록 하겠습니다. 초기세팅을 완료하면 이 화면이 뜨게 됩니다. 여기서 좌측 메뉴 위에서 세번째인 'Plugins'를 선택해 주세요. 그리고 플러그인 화면 위쪽에 잘 보시면 돋보기 모양이 있는데 거기에 Flutter를 입력하시면 플러터 플러그인이 나옵니다. Flutter 플러그인을 선택한 뒤 Install 버튼을 눌러서 플러그인을 설치할 때 경고창이 뜨는데, 'Accept'를 누르시면 됩니다. 이때 Dart 플러그인이 설치되지 않았다면 설치할 거냐고 묻는 창이 .. 2023. 11. 15. 이전 1 2 다음 반응형 반응형 * 분류 전체보기 * 개발 * HTML|CSS|JS * React * Flutter * 개발기록 최근글인기글 * [React/axios/DB] HTML 코드가 데⋯ 2023.12.27 * Flutter 기초다지기 - Dart 2. 자료형 2023.12.14 * Flutter 기초다지기 - Dart 1. 2023.11.22 * Flutter 개발환경 구축 번외편 - VSCod⋯ 2023.11.22 * Flutter 개발환경 구축 - 안드로이드 에뮬레⋯ 2023.11.20 * Flutter 개발환경 구축 - 안드로이드 에뮬레⋯ 2023.11.20 * [React/axios/DB] HTML 코드가 데⋯ 2023.12.27 * Flutter 기초다지기 - Dart 2. 자료형 2023.12.14 * Flutter 기초다지기 - Dart 1. 2023.11.22 -------------------------------------------------------------------------------- TOP Designed by 티스토리 © Kakao Corp. 티스토리툴바