BEYOND SW CAMP

리눅스와 네트워크

IP 설정과 HTTP, nginx 설치

HAProxy와 Maria DB를 이용한 3-tier-architecture

1주차 회고

git과 github

git 브랜치와 객체지향(유스케이스, 클래스다이어그램 등)

데이터베이스, MySQL

프로그램 언어의 특징 및 모놀리틱 서버와 마이크로 서비스, WordPress 설치하기

SELECT, JOIN, 집계 함수, GROUP BY 등과 실습, 마지막 예제는 나중에 다시 풀어보기

PMI Plus 강의를 듣는 동안 자리가 앞쪽이라 목이 너무 아프고 멀미가 심하게 났는데 다행히 뒤쪽에 남는 자리가 있어 금요일에 옮길 수 있었다. 개인마다 실력이 천차만별이라 실습 시간이 넉넉한 게 누군가에게는 장점일수도, 누군가에게는 단점일수도 있을듯하다. 나중에 본격적으로 프로젝트를 들어가면 많이 빡세질 테니 지금은 조금 편하게 듣는다고 생각하고 ...

SQL 성능을 높이는 방법과 DB 서버 부하 테스트 준비

재해 복구, 데이터 동기화, 3계층 아키텍처 + 다중화 (nginx, tomcat, haproxy, mariadb)

3계층 아키텍처, 분산 서버에서 세션을 관리하는 법, 클러스터

서버 분산 및 3계층 아키텍처, 데이터베이스 동기화 설정 정리

3주차 회고

프로메테우스: 메트릭 데이터를 기반으로 모니터링 하는 오픈소스 그라파나: 모니터링 정보를 시각화한 대시보드 형태로 보여줌

그동안 배운 Linux, SW공학, Database 교육 내용을 가지고 기반 기술 프로젝트 (미니 프로젝트)

| 일수 | 일자 | 교과목 | 내용 | 편성시간 | | :-: | :-: | :---: | :--: | :----: | | 16 | 24/12/11 | 프론트엔드 | HTML/CSS | 8| |17|24/12/12|프론트엔드|HTML/CSS|8| 들어가기 전에 vscode에서 !를 누르고 엔터를 치면 기본적인 틀이 완성된다. Live Server

기반기술 강의가 끝나고 사용자에게 시스템을 시각적으로 보여주기 위한 프론트엔드 강의가 시작되었다. beyond sw camp를 신청할 때는 전공자인 만큼 초급반보다는 중급반으로 들어오는 게 당연하다고 느꼈는데, 프론트엔드 수업이 시작되면서 내가 가진 지식에 잠깐 의구심을 가지게 되었다. 딱 기본 문법만 아는 상태인지라 원하는 방향으로 구현하기가 쉽지 않기 ...

| 일수 | 일자 | 교과목 | 내용 | 편성시간 | | :-: | :-: | :---: | :--: | :----: | | 18 | 24/12/13 | 프론트엔드 | HTML/CSS | 8| 실행 : bash get.sh nginx 서버를 예로 들자면 와 같이 설정하고 해당 파일을 실행하면 [Linux Server IP]/front/[파일이름].ht...

javascript의 기초 및 익숙해지기 위한 실습 (로또 생성, 야구 게임 등)

javascript 함수 사용법 및 이를 이용해 10x10 네모칸 생성

부트캠프 수업을 듣기 전 아침부터 병원을 들르느라 오전 수업을 거의 다 빠진 한 주였다. 머리로는 그렇게 힘들진 않다고 생각했는데 몸은 그게 아닌지 여기저기 아프고 체력이 쭉쭉 빠졌다. 특히나 수술 받은 당일에도 안 쉬고 바로 수업을 들은 탓인지 회복이 더뎌져 수술을 받은 지 꽤 지난 지금도 상처가 제대로 아물지 못하고 있어서 매일 병원에 들른다. 하루는 ...

axious를 이용한 HTTP 통신과 크로스오리진(CORS)오류

스토리지 브라우저에서 스토리지 확인 브라우저에서 f12(개발자 도구)탭으로 들어간 다음 애플리케이션을 누르면 저장소를 확인할 수 있다. 로컬 스토리지 : 지속적으로 필요한 데이터를 저장할 때 사용 백엔드 서버와 상관 x, 브라우저를 껐다 켜도 유지된다. 세션 스토리지 : 일시적으로 큰 데이터를 저장할 때 사용 백엔드 서버와 상관 x, 브라우저를 껐다...

Notification Notification 함수에 이미지 혹은 아이콘을 추가해 예쁘게 꾸며줄 수도 있다. click 이벤트를 추가해서 알림을 누르면 등록된 링크로 이동하는 것도 가능하다. Video ![](https://velog.velcdn.com/images/bdt6246/post/ea905f96-4014-422a-9b1d-9e0c0a747

: 웹 페이지를 만들기 위한 자바스크립트 기반 프론트엔드 프레임워크

npm install vue-router@4router를 설치했다면 main.js에서 설치한 router를 import해서 추가해주자참고로 여기서 app.mount("이걸 몰라서 추후 pinia 실습 때 한시간 가까이 삽질한듯...App.vue에도 router를 이용해

ref, reactive, v-if, v-for

무척 오랜만에 쓰는 회고록