본문 바로가기

반응형

개발

(7)
html, JavaScript 예제1 좋아!! 😎🔥네가 말한 4가지 예시를 하나씩 차근차근 직접 해볼 수 있게 같이 가보자.(각 예시마다 HTML + JavaScript 코드 같이 보여줄게! 1. 버튼 누르면 글자 바뀌게 하기여기를 눌러주세요!글자 바꾸기 2. 입력창에 글 쓰고 출력하기출력하기 3. 여러개 버튼 제어하기빨강초록파랑색을 선택해보세요! 4. 간단한 계산기 만들기 (덧셈)더하기 html에 이를 복붙해서 확인해보고 GPT에게 각 코드와 함사들을 해석해달라고해주면 학습을 시작하기 좋아 학습의 이해를 위해 나에게 질문해주고 추가적으로 무엇을 학습할수 있는지 알려주면 좋을것 같다고 이야기해
App.js 파일 구조 완전 쉽게 설명하기 초보 개발자가 App.js 파일을 처음 마주했을 때 "이게 대체 뭘 의미하지?" 하는 마음이 들기 쉽지. 그래서 최대한 쉽게, 한 줄 한 줄 의미를 설명해줄게! React 프로젝트를 만들고 열어보면 src 폴더 안에 App.js 라는 파일이 있어요. 이건 우리가 만든 앱의 시작점, 즉 메인 화면을 그리는 곳이에요!한 번 기본 코드를 예시로 볼게요. import React from 'react';import './App.css';function App() { return ( Hello, React! This is my first React app. );}export default App;  🔍 하나씩 설명해볼게요!1. import React from 'react';👉..
리액트(React) 프로젝트 시작하기 ✨ 리액트 프로젝트 시작하기 (완전 초보자용 가이드)프론트엔드 개발을 배우고 싶다면, React는 정말 좋은 출발점입니다. 이 글에서는 처음 개발을 시작하는 분들도 쉽게 따라할 수 있도록, 리액트 프로젝트를 만드는 아주 기초적인 과정을 하나씩 설명드릴게요. 🚀1. Node.js 설치React는 Node.js 위에서 돌아가기 때문에, 가장 먼저 해야 할 일은 Node.js를 설치하는 것입니다.👉 Node.js 공식 사이트에 접속해서 LTS(Long Term Support) 버전을 다운로드하고 설치해 주세요.설치가 완료되면, 터미널(명령 프롬프트, 혹은 VSCode의 터미널)에서 아래 명령어로 제대로 설치되었는지 확인할 수 있어요:node -vnpm -v이렇게 하면 각각의 버전이 숫자로 뜨면 성공입니다!..
javascript 문법 정리 뭐 그냥 심심하고 혼자 앱을 만들면 재밌을것 같다는 생각이들어서javascript를 배워보려한다. 현재 내가 다룰수 있는 언어는 python 밖에없다.... C, java는 배웠지만 다 까먹음..... 뭐 그래도 기본적인 골격은 어느정도 비슷하고 안에 문법만 적당히 정리해보려한다. 걍 나열할거고 하나씩 추가하려한다.일단 아래정도만 알아도 기본적인 개념은 구현할수 있지 않을까 싶다.... list, dictionary -> object string.charAt()string.substr()string.substring()string.Indexof()string.lastIndexof() parseIntparseFloat array.poparray.pusharray.shiftarray.unshiftarray...
Dash보드 만들기 회사에서 대시보드를 임베딩 시키는 작업을 해야해서 만들고 있는데 기존에 interval대신에 button으로 신호를 주는 방법을 알아냈다. Callback함수의 output과 input에대한 이해가 조금더 잘되어있었다면 좀더 쉽게 만들었을텐데.... 개발이란게 참 만들기는 쉬운데 그 방법이나 함수 사용법을 알아가는게 시간이 좀 걸리는것 같다. import dashfrom dash import dcc, htmlfrom dash.dependencies import Input, Outputfrom flask import Flask, requestimport jsonimport plotly.graph_objects as goimport plotly.express as pximport pandas as pd# F..
회사 일상 - plotly 서버 연결 이번에 대쉬보드를 구축하는 PoC 를맡게 되었는데 이게 외부와 통신이 되어야해서 고생좀 했다.백엔드 1도 모르는 멍청이가 이것저것 찾는데 시간이 오래걸리더라 막상 구현은 얼마 안걸림;;; 일단 전역변수를 사용해서 해결하는 방법이 있더라 그냥 썩혀두기 아까워 코드 조금이나마 남겨둘려고 적는다.  post.pyimport jsonimport requests# 변환하려는 데이터data = {  'x': [1, 2, 3, 4,3,2,1],    'y': [10, 11, 12, 13,10,11,12]}# Python 객체를 JSON 문자열로 변환json_data = json.dumps(data)# 서버 URLurl = 'http://127.0.0.1:8050/postdata'# 서버에 POST 요청을 보냄resp..
운영계, QA계, 개발계 3단계로 나뉘어져야 하는 이유 해당글은 내가 잠깐동안이지만 테스트, 운영을 진행 해본결과 왜 3tier로 개발이 진행되어야 하는지에대한 느낀점이다.만일 운영계, QA+DEV계 2개의 tier로 개발 운영을 한다고 생각했을때 아래의 시나리오를 살펴보자.개발은 1명이 진행하는 것이 아니다.A라는 서비스가 있다고 생각해보자 해당 서비스에 a,와 b라는 기능들을 고도화 하려고한다.개발을 진행하는 도중 b를 중단했고 A를 완료하였다QA에서 a에대한 기능을 마지막으로 단위 테스트중에 에러가 발생하였다이 에러는 a에대한 이유로 발생한 에러인가? b와 연관되어 발생한 에러인가?만일 b와 관련된 에러라면 이는 운영계에 반영 해야하는것인가?물론 기능별로 모듈화를 잘 시킨다면 이런 일이 일어나지 않을수도 있지만 모든 기능이 모듈화 되는것은 아니고 이런 ..

반응형