IT

[git hub] 브랜치 관리

git 브랜치 관리를 생각하면 머리가 지끈하다. 그래서 GPT에게 물어봤다.. Git에서는 여러 종류의 브랜치가 있을 수 있습니다. 이들은 주로 개발 및 협업 목적에 따라 구분됩니다. 가장 일반적인 종류는 다음과 같습니다 Main Branch (주 브랜치): master: 과거에는 Git의 기본 주 브랜치였지만, 현재는 대부분의 프로젝트에서 main으로 이름을 변경하여 사용합니다. main: 최근에는 main으로 브랜치 이름을 사용하는 추세가 높아지고 있습니다. 이는 다양한 이유로, 주로 인종적이거나 문화적인 이유로 인해 master 용어가 변경되었습니다. Feature Branches (기능 브랜치): 새로운 기능을 개발하는 데 사용되는 브랜치입니다. 각 기능은 개별적인 브랜치에서 작업되며, 완료 후에..

[피그마] 퍼블리셔가 피그마 사용하기

작업환경: 윈도우 기존의 글 퍼블리셔가 제플린 사용하기에 이어 피그마 사용하기를 정리했다. 사실 피그마는 제플린보다 더 간단하다! 디자이너가 작업해 놓은 피그마 대지를 열어서 원하는 이미지를 자르고, 추출하고,dev 환경에서 스타일을 보면 끝이다. 자주쓰는 단축키 ctrl + shift + \ : 왼쪽 사이드 네비 on/off ctrl + \ : 왼쪽,오른쪽 사이드 네비 on/off shift + D : 개발자 모드 shift + 0 : 100% 화면 보기 alt + shift + A : 오토 레이아웃 해제 이미지 슬라이스 보통 이미지 추출할 때 Export로 하지만, 내가 원하는 스타일을 입히기 위해 디자인 되어져 있는 이미지 이상의 것이 필요할 때가 있다. 제플린에서는 해당 기능이 없어서 매번 디자이..

CSR과 SSR이란? 둘 의 장단점 비교

CSR과 SSR은 웹 개발에서 사용되는 두 가지 다른 방법으로 웹 페이지를 렌더링하는 방식을 말한다. 이 두 방식은 각각 클라이언트 측 렌더링(Client-Side Rendering, CSR)과 서버 측 렌더링(Server-Side Rendering, SSR)로 알려져있다. 각각의 방식은 그 동작 방식과 장단점이 다르며 특정한 사용 사례와 요구 사항에 따라 선택된다. 클라이언트 측 렌더링(CSR) CSR은 주로 싱글 페이지 애플리케이션(SPA)에서 사용되는 접근 방식이다. CSR은 웹 애플리케이션을 브라우저에서 렌더링하는 방식이다. 주로 JavaScript와 프론트엔드 프레임워크 또는 라이브러리(예: React, Vue, Angular)를 사용하여 구현된다. 클라이언트 측에서 모든 렌더링을 처리한다. 즉..

프로그래머를 위한 ChatGPT 활용

코드 작성을 위한 프롬프트 [입력]을 받고 [출력]을 반환하는 함수를 작성하세요. [특정 조건]이 충족되면 [무언가를] 하는 스크립트를 작성하세요. [프로그램이 해야 할 일] 프로그램을 작성하십시오. [기능 설명] [프로그래밍 언어] 스크립트를 개발합니다. [프로그래밍 언어]로 [기능 설명] 기능을 작성합니다. [입력 소스]를 읽고 [원하는 출력]을 [프로그래밍 언어]로 출력하는 프로그램을 생성합니다. [프로그래밍 언어]에서 [문제 설명]을 해결하는 해결책을 제시하고 그것이 어떻게 작동하는지 설명하십시오. 저는 여러분이 Python 개발자 역할을 하여 [데이터 유형]을 입력으로 사용하고 [출력]을 반환하는 함수를 작성하기를 바랍니다. 웹 개발자로서 [color] 배경이 있는 HTML div의 [numbe..

[CS] 인터넷은 어떻게 작동하는가

인터넷은 네트워크(서로 연결된 컴퓨터 또는 기타 장치 그룹)의 네트워크이다. 인터넷 작동 방식: 개요 표준화된 프로토콜을 사용하여 장치와 컴퓨터 시스템을 함께 연결하여 작동한다. 이러한 프로토콜은 장치 간에 정보를 교환하는 방법을 정의하고 데이터가 안정적이고 안전하게 전송되도록 한다. 인터넷의 핵심은 상호 연결된 라우터의 글로벌 네트워크로, 서로 다른 장치와 시스템 간의 트래픽 전달을 담당한다. 인터넷을 통해 데이터를 보낼 때 장치에서 라우터로 전송되는 작은 패킷으로 나뉜다. 라우터는 패킷을 검사하고 대상을 향한 경로의 다음 라우터로 전달한다. 이 프로세스는 패킷이 최종 목적지에 도달할 때까지 계속된다. 패킷이 올바르게 송수신 되도록 하기 위해 인터넷은 인터넷 프로토콜(IP) 및 전송 제어 프로토콜(TC..

[안드로이드] 네이티브, 하이브리드앱 구별하는 법

비행기모드 비행기 모드를 켜고 어플을 실행해보면 대충 감이 온다. 인터넷이 안되면 웹이면 주소 호출을 못했다는 오류가 뜰 것이다. 개발자옵션 - 레이아웃 범위 표시 활성화 설정 > 휴대전화 정보 > 소프트웨어 정보 > 빌드번호 영역 터치 여러번 하면 설정 목록에 개발자 옵션이 켜져있다. 개발자 옵션 > (그림) > 레이아웃 범위 표시 활성화 네이티브면 하단처럼 레이아웃이 그려져 보인다. 웹뷰면 하단처럼 레이아웃이 있어야할 영역에 아무런 표시가 안보인다. 백프로 네이티브 앱이 있을까? 궁금했다. 그래서 확인해보았다. 내 핸드폰에 설치되어 있는 앱중 90%가 하이브리드앱으로 서비스를 하고 있었다. 어떤 페이지에서 네이티브를 하고, 웹뷰를 쓰는지 구별해보려 했으나 앱마다 달라서 아마 그 기준은 앱 자체 정책에..

VS Code, Live Server 내 모바일로 확인하기

크롬이나 Blisk로 모바일 환경에서 퍼블리싱 작업물이 어떻게 보여지는 확인 할 수 있으나 완벽하지는 않다. 때문에 서버에 파일을 올린 뒤 확인을 하는데 매번 작업 후 서버에 올리는 과정이 귀찮다. 로컬에서 작업된 파일을 모바일 기기로 바로 확인 후 서버에는 최종적으로 한번만 올리면 좋지 않을까? 해서 검색을 해봤더니 vs code의 live server로 해당 기능을 사용할 수 있었다. live server를 꽤 오래 써왔는데 모바일 환경에서 확인할 수 있는걸 이제 알았다니🤣 VS Code 세팅 전 필독! ! 중요한 건 노트북이든 데스크탑이든 WIFI로 연결 후 모바일 기기와 같은 WIFI를 써야 한다는 것이다. (나는 이 환경을 위해 다이소에서 USB 무선 랜카드(5,000)를 구입했다.) 1. 랜선..

freebiesbug : 무료 웹페이지 psd, figma 사이트

https://freebiesbug.com/psd-freebies/website-template/ Free PSD Website Design Templates - Freebiesbug A collection of free high quality website templates designed with Photoshop freebiesbug.com 무료 PSD 뿐만 아니라 Figma, 스케치까지 무료로 받을 수 있는 사이트! 요즘 퍼블리싱을 안하다보니 손가락이 녹슬고 있는 것 같아서 혼자서 페이지나 만들어볼까~ 하다가 발견한 사이트! Figma 같은 경우엔 하루에 3개까지 무료로 받을 수 있다. 확실히 Figma가 대세인것 같은 요즘.. Figma와 친해질 겸 다운을 받았다. 다운 받은 Figma파일을 체..

[git hub] cli 로 포크 받은 저장소에서 issue/pr 보내보기

✨ git hub cli를 설치한다. https://cli.github.com/ GitHub CLI Take GitHub to the command line cli.github.com 🧨 처음에 포크받은 레파지토리에서 vscode 터미널을 열어서 gh 를 실행하려고 할 때, 원본 레파지토리와 포크 레파지토리 중에서 고른다. 🧨 나는 포크된 저장소를 선택했고, 이 선택은 앞으로 있을 이슈와 pr에서 원본 레파지토리를 필수 선택을 해야 실행이 되는 불편함을 야기했다. 🧨 초기 설정을 변경하고 싶었으나 방법을 못찾았고, 아마도 폴더를 다시 만들어야 하지 않나 싶다. (혹시 재설정 아는 사람 댓글 달아주면 감사하겠다.) # 레파지토리 변경해서 이슈 올리기 gh issue create --title "test" ..

[git hub] 자주쓰는 git hub 명령어

소스트리도 좋지만 여러개의 계정이라던가 많은 저장소로 인해 느려질 때 등.. 명령어 쳐서 하는게 빠르고 좋다. 명령어 치는것에 익숙해지자. 우선은 자주 쓰는 명령어로 정리. 포크 받아서 풀리퀘 받는건 git hub에서 바로 하는게 좋다는 생각이 들어서 패스. git clone 주소 클론 git add . 업데이트 된 파일 스테이징에 추가 git add -A git status 현재 add 내역 확인 git commit -m "메세지" 커밋 git remote add origin 주소 원격 저장소 git hub url git push origin main 푸시 git branch -M main 브랜치 변경 git pull 풀 받기 git log 커밋 이력 git diff 변견 내용 확인 git reset ..