반응형 ETC16 API 개발의 동반자, Postman API 방식의 웹 개발은 대부분 JSON 형태의 데이터를 만들어 주고 받는 방식으로 이루어집니다.그래서 웹 개발을 JSON 상하차라고 말하기도 합니다.웹 개발에서는 HTTP 통신 즉, 요청과 응답이 중요하기 때문에 윈도우용 SW를 개발할 때처럼 IDE에서 직접 테스트 및 디버깅을 할 수가 없습니다.프론트엔드의 경우 브라우저를 계속 새로고침하면서 결과를 직접 눈으로 보고 개발을 진행하면 되지만백엔드에서 개발한 API의 기능을 확인하기 위해서는 별도로 테스트 코드나 함수를 만들어줘야 하는 불편이 따릅니다. Postman을 이용하면 손쉽게 특정 URL로 요청 데이터를 만들어서 던지고 바로 응답을 확인할 수 있습니다. Postman라는 말 그대로 우체부 아저씨처럼 데이터를 실어 날라주는 도구라고 할 수 있습니다.. 2024. 6. 11. Github Action을 이용한 개발 서버 자동 배포 git을 이용한 일반적인 개발 흐름은 다음과 같습니다.개발자는 각자의 브랜치 로컬 저장소에 작업한 내역을 Commit합니다.그리고 커밋들을 원격 저장소로 Push하고 관리자에게 Pull request를 보냅니다.PR 관리자가 소스를 검토하고 Master 브랜치와 Merge하면 개발자들이 수정한 내역들이 하나로 통합되게 됩니다. Github Action이란 Github Action은 커밋, 푸쉬, 풀 리퀘스트 같은 이벤트가 발생할 때마다 빌드, 테스트, 배포가 이루어지도록 Github에서 제공하는 기능입니다.어떤 Event가 발생하면 하나 이상의 Jobs를 포함하고 있는 Workflow가 실행됩니다. Workflow는 수동으로 또는 스케줄러에 의해서 실행될 수도 있습니다. Workflow는 YAML 파일로.. 2024. 6. 4. 블로그 글에 신뢰를 더하는 소제목 디자인 개인적으로 웹 페이지에 있어서 가장 중요한 것은 기능적인 부분보다도 UI/UX라고 생각합니다.너무 오래된 디자인이나 기본 기능만 사용해서 쉽게 만든 사이트를 보면 뭔가 피싱 같기도 하고 오래된 정보가 있을 것 같기도 해서 신뢰가 잘 안 가죠.이렇게 말하는 저도 2년이 넘도록 블로그를 운영하면서 디자인을 바꿔볼 생각은 안 하고 있다가 오늘 주말을 맞아 간단한 변화를 줘 봤습니다.메뉴나 메인 화면 같은 것도 이것 저것 바꿔줄 수 있지만 이 곳은 유입의 90% 이상이 구글 검색을 통해 포스트 단위로 들어오고 있기 때문에 일단은 포스트 자체만 신경 써보기로 합니다. 전체 CSS 편집하기 티스토리 기준이지만 다른 플랫폼에서도 html/css를 직접 편집하는 기능이 있다면 쉽게 적용할 수 있습니다.블로그 관리 홈 .. 2024. 6. 2. 엑셀로 대량의 쿼리문 생성하기 다른 DB에서 옮겨오는 경우라면 DB툴에서 SQL문으로 내보내기 같은 기능을 활용하면 됩니다.계속 반복되는 작업이라면 엑셀을 읽어서 DB에 넣어주는 프로그램을 만드는 것도 방법입니다.하지만 일회성으로, 엑셀로 받은 대량의 데이터를 DB에 INSERT하려고 할 때 어떻게 하면 좋을까요?엑셀을 이용해서 간단하게 쿼리문을 생성할 수 있었습니다. ABCD1col1col2INSERT INTO SOME_TABLE VALUES2key1value1('key1','value1'),3key2value2('key2','value2'), 위와 같이 키-밸류 형태의 데이터를 이용해 D열에 쿼리문을 생성해보겠습니다.엑셀에서는 다른 셀의 값을 참조할 때 &기호를 사용합니다.B2의 key1은 &B2&로 C2의 value1은 &C2&.. 2024. 5. 30. 로컬 개발 환경에서 오픈 그래프 테스트하기 오픈 그래프 open graph 는 소셜 미디어를 통해 웹 페이지를 공유할 때 보다 다양한 정보를 제공하기 위해 페이스북에서 만든 일종의 프로토콜입니다. 티스토리에서도 간단히 확인할 수 있습니다. 웹 사이트 url을 입력한 다음 엔터를 치면 www.google.com Google www.google.com 위와 같이 박스 안에 사이트의 이름과 설명 대표 이미지 등을 보여주죠. 구글에는 딱히 등록된 게 없나 보네요. 사용 방법은 간단합니다. HTML에는 HTML 문서의 메타 정보를 기입하기 위한 메타 태그가 존재하는데, 이 메타 태그에 필요한 정보를 담아주면 됩니다. https://developers.facebook.com/tools/debug/나 https://www.opengraph.xyz/ 같은 사이.. 2024. 1. 11. 크롬 브라우저 알아두면 유용한 단축키 새 창 열기 Ctrl + N 시크릿모드로 새 창 열기 Ctrl + Shift + N 시크릿 모드에서는 인터넷 사용기록을 남기지 않는다. 새 탭 열기 Ctrl + T 탭 닫기 Ctrl + W 만약 크롬 원격으로 작업을 하는 도중에 Ctrl + W를 누르게 되면 원격 제어 창이 닫히게 되니 유의하자! 최근에 닫은 탭 다시 열기 Ctrl + Shift + T 실수로 닫은 탭을 다시 열 수 있다. 탭 전환하기 Ctrl + 1 ~ 9 좌측에서부터 순서대로 번호를 매겨 해당하는 위치에 있는 탭을 활성화할 수 있다. Ctrl + 9는 9번 탭이 아닌 마지막 탭을 활성화한다. 열려있는 모든 탭을 북마크에 추가 Ctrl + Shift + D 페이지에서 찾기 Ctrl + F 화면 확대/축소 Ctrl + 마우스 휠 Ctrl.. 2023. 8. 14. 이전 1 2 3 다음 반응형
