Developer Note/국비과정 수업내용 정리&저장 83

24년 8월 16일

오전피그마 사용법헤더 : 웹사이트의 가장 윗부분 (메뉴 창 같은 부분들을 말함!) 10시피그마 반응형 웹사이트(?) 만드는 중가로 슬라이드 만드는법하단 메뉴바 만드는법컴퓨터마다 피그마 ui가 달라서 초반에 좀 고역이었다;; (꾸역꾸역 맞춰가긴 했다만..)다행히 선생님이 잠시 후에 버전을 전부 다 맞춰서 수업해줬다 다행..그리고 프로토타입을 만들었는데, 프레임 생성 후 사각형을 안에 넣고 컴포넌트화 시켜서 다른 사각형과 연결해준다. 그러면 커서를 가져다 댔을 때 밑에 하위메뉴가 나오게 하거나화살표를 눌렀을 때 리스트가 이동하는 등 다양한 효과를 줄 수 있다. 피그마 플러그인 METERIAL DESIGN ICONS : 무료 아이콘UNSPLASH : 이미지 무료로 가져와서 쓸 수 있음 와이어프레임 :아티스트와..

24년 08월 14일

개발자 환경 구축 평가 시험 날sqld 공부 및 전날 국비수업 복습 유스케이스 , 깃허브 프로젝트 생성 및 issue 생성 법 프런트엔드UI 와 UX 의 차이간단히 얘기하자면, UI는 시각적인 부분에 바탕을 둔 사용자 인터페이스이고 UX는 사용자가 경험하게 될 기능적인 부분이나 전체적인 구성 같은것들 얘기한다. 예를 들어 배달의민족이라는 어플리케이션을 보았을 때 UI는 우리가 클릭하는 버튼 , 어플을 켰을 때 보이는 화면의 디자인,검색 창의 모양 등 우리가 눈으로 보는 디자인을 생각하면 된다. UX는 배달 , 포장을 하는 기능이라던가 검색 기능 등의 우리가 앱을 실행하면서 경험하게 될 기능적인 디자인부분 , 그런 어플리케이션의 구조적인 디자인을 우리는 UX라고 정의한다. 만약에 내가 정말 마지막까지 프런..

24년 8월 13일

오늘 첫시간에는 Github 충돌방지에 대해서 배웠다. (저번에 배운거 복습하는거 같은데?)깃허브 mergemerge란 , 개발자들이 같이 협업하는 과정에서 각자의 브랜치를 만들어서 개발을 할 때 각자의 일이 끝나고 결국에는 main 브랜치에서 소스코드를 합쳐서 테스트도 해보고 시스템에 적용을 해야한다.이 때 , 각 브랜치를 합치는 것 (병합) 을 merge라고 함.merge에는 두가지 상황이 존재서로 다른 파일을 수정했을 때서로 같은 파일을 수정했을 때1번 상황의 경우에는 문제가 될만한 것이 없다.2명의 개발자가 A파일과 B파일을 각자 수정했다면 merge를 할 때 충돌할 것이 없으니 자동으로 소스코드가 합쳐질 것이다.문제가 되는건 2번의 경우. 2번의 경우에는,서로 같은 이름 파일 수정, 수정한 부분..

24년 8월 12일

오늘은 첫번째 국비과정 내부평가 있는 날.   철저하게 준비했다 ! 라고는 말 못하겠다...그래도 뭐 내준 것들은 안틀릴 정도라고 스스로에게 확신을 갖고 있었는데 막상 제출하고 보니까 허점 투성이더라 . 다시 또 스스로를 의심하고 돌아보게 되는 계기가 되었다. 앞으로 고쳐야 할 점:수업 들으면서 멍때리지 않기. (진도가 빨라서 조금이라도 한눈팔면 순식간에 진도가 벌어져서 못따라잡아버림)듣는 도중에도 계속 Notion 이든 메모장이든 어디에라도 적으면서 수업듣기.선생님이 써주는 거 완전히 따라적는게 아니라 내가 나중에 보고 알아듣고 다시 정리해서 적을 수 있게 간단하고한번에 보면 알아볼 수 있게 써놓기. (다 쓰려고 하면 너무 빨라서 쓰다가 놓쳐버림)너무 스스로를 다른사람과 비교하며 몰아세우지 않기 (공부..

24년 08월 09일

현재 시간 22시 12분.. 로깅만 하고 바로 파이썬 복습을 해야하기 때문에 putty를 켜서 이것저것 해볼 시간은 없는것같다..내일이 주말이니 시간 남으면 내일 해보도록 하자 ㅋㅋ전날 살짝 복습git merge continue (fast forward merge)git merge —abort(충돌 무시 merge)branch.git branchgit branch -M maingit branch [newbranch]git switch/checkout [branch명] (checkout , switch 둘다 비슷한 용도!)git remote -v현재 디렉토리와 연결된 원격 저장소가 어디인지 확인해주는 명령어git remote add origin githubRepositoryURL github 와 로컬저장소..

24년 08월 08일

오전GIT 사용법원격 저장소 : github로컬 저장소 : 내가 만든 폴더(directory) svn : 버전관리도구 , 현재 시점에서 특별한 형태를 기억한다. 형상기억도구요즘은 git을 사용하지 svn은 잘 사용하지 않는다 ! 리눅스 사용하는 법우분투 이미지 파일 downlaod -> vmware 설치 후 ubuntu 설치 -> 네트워크 설정에서 vmware 이더넷은 다 사용안함을 해준다 -> 호스트 전용 네트워크를 하나 더 생성 후 ip 할당해줌 -> 다음 설치한 ubuntu 실행.  git 설치git 폴더 주소칸에서 cmd 실행git init : git 로컬저장소 생성 명령어git 폴더에 텍스트파일 아무거나 생성git status : git 상태확인git log : 로그 확인git reset : 커..

24년 08월 07일

오전repositories : repositories란 개인 Github 계정에 파일이나 폴더를 저장해 두는 저장소를 의미한다. 리눅스 터미널 명령어최신버전 업데이트 작업1 .sudo : 현재계정에서 root권한을 사용하여 명령어를 쓸 때 사용. 관리자 권한 잠깐 획득 멀리떨어져있는 상태에서 작업하는게 보통통신접속을 통해서 제어하는게 보통다른pc에 접속하려면 ip가 필요하다.멀리서 관리하기 위해ssh Service install : 서버 설치 명령어sudo apt isntall openssh-serverapt :리포지토리로부터 뭔가를 추가하거나 지우려 할 때 사용하는sudo systemctl status ssh 설치상태확인방화벽 활성화 작업sudo ufw allow ssh : 방화벽 활성화 허용sudo ..

24년 08월 06일

MY SQL에서 데이터베이스 ERD 생성하기mysql newmodel 버튼 , 이름 변경add diagramforward engineer 설계 구현 (내가 만든 ERD를 바탕으로 데이터베이스에 테이블을 생성해준다)위치 정해주고 sql들어가면 테이블 생성됨(관계형 데이터베이스)테이블 2개 생성 1:n 연결기본 키(Primary key) :각 테이블에는 1개만 지정 가능 —> 테이블을 나타내는 id 같은것.데이터를 구분하는 식별자로 사용된다 .무조건 NOT NULL값이다. NULL 값 허용 X ⇒ 식별자는 꼭 필요하기 때문에.연결되는 두 테이블중 기준이 되는 테이블에 위치한다.외래 키(Foreign key) :각 테이블에 여러개가 지정이 가능하다.외래키는 두 테이블 사이의 관계를 연결해준다 ⇒ 참조하기 위한..

24 년 07월 31일

OSI 모델 7계층 복습OSI 7 TCP/IP응용 계층응용표현 계층‘’세션 계층‘’전송 계층전송 계층네트워크 계층인터넷 계층데이터링크 계층네트워크 접속 계층물리 계층'’응표세전네데물,,, :: OSI 7계층 // 잘모르면 그냥 외워응전인네 : TCP 4계층프로토콜 : 네트워크를 연결하는 방법? 비슷한데 데이터를 교환하는 방식ICMP : TCP/IP 에서 패킷을 처리할 때 문제알림,진단 등 IP계층에서 필요한 기능들을 수행하기위해 사용되는 프로토콜 (3계층)ARP : 3계층, MAC주소와 IP주소를 서로 연결하는 용도로 사용LAN 환경에선 MAC주소를 기반으로 통신하기 땜시 ARP는 IP주소를 기반으로 MAC 주소를 알아오는 역할을 함.Route : 경로Router : 경로안내장치Routing : 길안내작..

24년 08월 2일

기본적으로 설치해야 할 것들 ( 개발 환경 구축의 기본 소양)jdk java 11.0.2 다운 (학원에서 배우기 위해 11버전을 다운받는 것이지 언젠가 따로 사용할 때는 최신버전을 받아주도록 하자)tomcat 설치(시험장엔 깔려있다고 함.)elipse : 유니코드 set 확인하기 (UTF - 8)그 후에 이클립스에서 컨트롤 + n 한 후에 (프로젝트 생성 단축키)server 검색 후 만들기 host name은 그대로server name은 톰캣 버전 선택 어드민포트 8080(or 다른 숫자) 지정http/1.1 도 8080외에 다른 숫자 지정 ex) 8081Dynamic web project(다이나믹 웹 프로그램) 만들기타겟 런타임 톰캣 지정 후 피니시.후에 webapp 폴더에서 html 파일 생성수 첫 ..