공부/개발 이모저모

오늘 처음으로 회사 레포에 완성된 마크업 페이지를 디벨롭에 적용하는 과정에서... 예상치 못한 오류가 발생했다! >>> ⚠️git conflict 그러던 중 옆에 사수 분께서 rebase라는 새로운 방식을 언급해주셔서,,, (하지만 나는 처음 보는 명령어임) 문득 merge와 rebase의 차이점에 대해 궁금하여 해당 포스팅을 준비해보았습니다! 1. git merge(병합) merge는 두 개의 다른 브랜치를 하나로 합치는 과정을 의미합니다. git checkout main// main에서 병합 진행 git merge feature-branch// 현재 작업중인 브랜치를 main에 병합 git merge는 새로운 병합 commit을 생성하고, 각각의 브랜치에서의 변경 내용을 포함합니다. 두 개 이상의 개..

mac에서 MySQL 을 깔아보자! MySQL을 직접 설치해도 되지만, mac에는 homebrew 라는 간편한 패키지 관리 프로그램이 있기 때문에, homebrew로 설치를 진행한다. 설치가 안 되어 있다면 homebrew 설치를 진행하고 온다. https://hi-claire.tistory.com/20 Homebrew 패키지 관리자 설치하기(설치, 검색, 확인, 삭제, 업데이트) 🍺 Homebrew란? macOS 용 패키지 관리자이다. 터미널에서 명령어를 작성하여 사용자가 원하는 프로그램을 설치, 삭제, 업데이트를 손쉽게 할 수 있다. 개발자용 앱스토어와 같달까..?🤔 Homebrew를 사 hi-claire.tistory.com 1. MySQL 설치하기 mysql을 설치하기 앞서 먼저 homebrew를..

🍺 Homebrew란? macOS 용 패키지 관리자이다. 터미널에서 명령어를 작성하여 사용자가 원하는 프로그램을 설치, 삭제, 업데이트를 손쉽게 할 수 있다. 개발자용 앱스토어와 같달까..?🤔 Homebrew를 사용하면 프로그램 설치 시 불필요한 프로그램이 다운되거나, 업데이트를 할 때 기존의 데이터가 남아 있는 경우 등 다양한 상황을 방지할 수 있다. 아주 강력하고 간편한 패키지 관리자이다. 1. 설치방법 homebrew 홈페이지에 접속하여 코드를 복사한다. Homebrew Homebrew The Missing Package Manager for macOS (or Linux). brew.sh /bin/bash -c "$(curl -fsSL )" 1️⃣ Spotlight(cmd + space) 후 터미널..

1. 발단 백준과 SWEA 문제풀이양이 많아지다보니 가독성이 떨어져서 프로젝트 폴더를 나눌 필요성을 느꼈다. 새로운 프로젝트 폴더를 만들고 기존의 BOJ 패키지와 SWEA 패키지를 옮겨 담았다. 싸피 컴퓨터에서는 분명 잘 동작하던 것이 git push 이후 개인 노트북에 pull 을 하니 프로젝트 폴더가 자동적으로 import 되지 않았다. Eclipse 내에서 내 프로젝트 폴더가 보이지 않았던 것이다. 사실 이런 경험이 몇 번 있었는데, 귀찮아서 그냥 원래 폴더에 다시 담아 쓰다가 너무 불편해서 이참에 오류를 수정해보고자 한다. 2. 전개 인터넷에 나온대로 몇가지 방법들을 수행해보았다. 1. 직접 import 시키기 여타 다른 블로그들처럼 직접 import를 시키려니 이상하게 프로젝트 파일이 인식이 되..

서로 다른 컴퓨터에서 작업한 코드들을 github에 push하고 pull하면서 사용하려니, 계속 오류가 났다. 분명히 add 와 commit 을 다 했음에도 불구하고 Your local changes to the following files would be overwritten by merge error : 다음 로컬 변경 사항을 병합 때문에 덮어 쓰게 됩니다. 병합하기 전에 변경 사항을 커밋하거나 스태시하십시오. 등 다양한 오류가 계속해서 발생하였다. 위의 오류는 git stash 후 다시 commit → push 하면 해결이 되기는 한다. 하지만 본질적인 해결방법은 아니므로 실질적인 오류를 고쳐보고자 한다. 계속 오류가 났던 이유는 github에 작업한 프로젝트를 푸시할 때 불필요한 파일이 계속 올라..

오후에 배운 데이터 베이스 세션을 듣고, 직접 데이터의 흐름을 따라 모델링을 진행해봤다! 스타벅스 모델링을 직접 해보는 것이었다! 모델링 사이트는 dbdiagram.io 를 사용했다. (튜토리얼 노션) 처음에 생각했던 방식은 크게 카테고리를 타고 들어가서 세분화하는 것이었다. 💡 메뉴 → 음료 → 카테고리 → 상세음료 → 디테일한 음료정보 카테고리를 타고 들어가는 방법도 있지만, 사실 홈페이지에서 사진을 클릭하면 그 음료에 관한 상세정보로 넘어가기 때문에, 이미지를 기준으로 깊이 타고 들어가면 어떨까 생각을 해봤다. 이러한 로직으로…. 💡 메뉴 → 음료 → 이미지(상세음료) → 디테일한 음료정보 왜냐하면 사용자 입장에서 카테고리를 타고 들어가기보다는 이미지를 클릭해서 들어갈 것 같기 때문이다. (내가 그..

🚀 학습 목표 **데이터베이스(Database)**의 개념을 이해합니다. **관계형 데이터베이스 (RDBMS)**가 무엇이며, 왜 사용하는지 이해합니다. **테이블(Table)**이 무엇인지 이해하고, Column, **Row**를 설명할 수 있습니다. 테이블(Table)의 관계 - One to One, One to Many, Many to Many 예시를 나열할 수 있습니다. Primary Key 와 Foreign Key 의 관계를 설명하고, 테이블에 지정할 수 있습니다. **관계형 데이터베이스**와 **비관계형 데이터베이스**의 차이를 알 수 있습니다. ERD 구성도로 데이터 관계를 모델링 할 수 있습니다. 01. Database란? 데이터베이스는 우리가 사용하는 정보의 총 집합이다. 위 페이지는 스..

위코드 공통세션 과제 중 개발자 도구를 분석하는 과제를 주셨습니다! 사전스터디 때 HTML을 소홀히 했더니 과제할 때 개발자 도구를 처음 들어 가봤다는...😅 그래서 조금 고생을 했지만, 팀원들께서 많이 도와주셔서, 공부한 것을 바탕으로 정리해봤습니다! [참고 문헌] 개발자도구 Network탭 총정리 Inspect network activity - Chrome Developers XMLHttpRequest(XHR) 란 무엇인가. Web Performance: Optimizing the Network Waterfall 💡 과제 안내 - Network 패널의 기능은? - Network 패넣의 여러 가지 탭의 종류와 기능 살펴보기 - Market Kurly(마켓컬리) 카테고리 정보 가져오는 API 찾아보기 -..

💡 사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 1. 태그를 사용하는 것 2. 태그에 background-image 속성을 추가하는 것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 위 질문에 대해 대답하기 위해서는 Semantic Web 과 Semantic Tag에 대해서 알고 있어야 한다. 1. Semantic Web이란? “의미를 가지는 웹” 1. 등장배경 웹 기술이 발전하면서 수많은 정보들이 축적되었음 무분별한 정보의 축적은 다양한 문제상황들을 불러일으킴 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 모든 정보를 사용자가 직접 개입해서 처리해야 되는 것 따라서, 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web이다. 2. ‘일반 W..

🚀 학습 목표 인터넷과 웹을 정의할 수 있다. 1세대, 2세대, 3세대 웹의 발전과 각각의 특징에 대해 설명할 수 있다. SPA 가 동작하는 방식과 프론트엔드와 백엔드가 분리된 배경에 대해 설명할 수 있다. 모던 웹 아키텍처의 구성을 이해하고 관련된 개발 직군에 대해 설명할 수 있다. 1. Internet & Web 1. Internet 인터넷이란? 거대한 통신망 인터넷이란 서비스 안에 웹, 앱 등이 들어간다. 즉, 인터넷이란 통신망이 있기 때문에 모든 서비스들을 사용해볼 수 있는 것이다. 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망 인터넷의 역사 1950 -모뎀(Modem) Modem = Modulation(변조) + Demodulation(복조) 변조 : 디지..