공부
-
커맨드 명령어(Command Line Interface, CLI)공부 2023. 5. 22. 15:31
커맨드 명령어 사용법 1. 커맨드 명령어란? 커맨드 명령어(Command Line Interface, CLI)는 컴퓨터와 상호작용하기 위해 사용되는 텍스트 기반 인터페이스입니다. CLI를 통해 운영체제나 프로그램에 명령을 내리고 작업을 수행할 수 있습니다. 2. 기본적인 커맨드 명령어 CLI에서 자주 사용되는 몇 가지 기본적인 커맨드 명령어를 알아보겠습니다. 2.1. 디렉토리 관련 명령어 $ ls $ cd $ mkdir $ rmdir ls: 현재 디렉토리의 파일과 폴더 목록을 보여줍니다. cd: 디렉토리를 변경합니다. mkdir: 새로운 디렉토리를 생성합니다. rmdir: 디렉토리를 삭제합니다. 2.2. 파일 관련 명령어 $ touch $ cp $ mv $ rm touch: 새로운 파일을 생성하거나 파일..
-
리눅스와 깃 - 2023. 04. 24 [DAY 10]공부/회고 2023. 4. 25. 09:12
이번 회고에서는 배웠다기보단 개발 환경 세팅인 과정으로 했던 내용을 나열하여 복습하겠다. Chapter1. Command-Line Interface 개념학습: 기초 개념을 학습합니다. 퀴즈: 학습한 개념의 이해도를 확인합니다. Chapter2. 패키지와 패키지매니저 환경설정: 학습에 필요한 환경설정을 진행합니다. Chapter3. Node.js 개념학습: 기초 개념을 학습합니다. 퀴즈: 학습한 개념의 이해도를 확인합니다. Chapter4. Git 환경설정: 학습에 필요한 환경설정을 진행합니다. 프롬프트(Prompt) pwd: 현재 위치 확인하기 mkdir: 새로운 폴더 생성하기 ls: 특정 폴더에 포함된 파일이나 폴더 확인하기 명령어를 이용해 폴더를 GUI의 탐색기로 실행하기 cd: 폴더에 진입하기 to..
-
두번째 페어 프로그래밍 - 2023. 04. 21 [DAY 9]공부/회고 2023. 4. 21. 17:21
만들어진 계산기 틀에서 CSS 작업과 버튼을 입력하여 계산기를 구현하는 학습을 했다. 처음에는 js와 css 따로 봐야해서 어지러웠지만 인터넷을 참고하여 풀어보니 생각보다 할만했다. 이 과제는 단계별로 이루어져 있었으며 3가지 단계였다. 1단계는 필수 과제 코스로 단순히 저 버튼들만 구현하면 되는 것이었다. 이건 금방 끝냈으나 2번부터 아예 틀이 바뀌어 새로 코드를 짜야했고, 3번은 그 코드와 추가로 버튼 반응이나 구현같은 것을 예외 상황에 맞춰 심화적으로 코드를 짰어야 하나 다 풀지 못했다. 따로 공부해서 꼭 완성하도록 하겠다. 코드는 아래처럼 읿력하였다. const calculator = document.querySelector('.calculator'); // calculator 엘리먼트와, 그 자..
-
JavaScript 조건문 - 2023. 04. 19 [DAY 7]공부/회고 2023. 4. 20. 08:52
자바스크립트의 필수 과정인 조건문에 대해 학습하였다 어제와 동일하게 페어들과 중간 퀴즈를 진행하였고, 어제보다 헷갈리는 문제는 딱 한 가지가 있었다. 1. 시, 분, 초를 입력받으면 1초 뒤의 시간을 리턴하는 문제 function addOneSecond(hour, minute, second) { if (second >= 0 && second = 60) { // 1초 올렸을 때 60초가 된다면 0초로 변환 second = 0; minute = minute + 1; // 1분 추가 if (minute >= 60) { // 1분 올렸을 때 60분이 된다면 0분으로 전환 minute = 0; hour = hour ..
-
JavaScript 입문 - 2023. 04. 18 [DAY 6]공부/회고 2023. 4. 18. 18:22
자바스크립트의 입문 과정인 기초, 타입, 변수에 대하여 배웠다. Chapter1. 코드 기초 Chapter2. 타입 Chapter3. 변수 우선 여기까지 학습하고 중간 퀴즈를 푸는게 있었는데, 페어들과 함께 진행했지만 모두들 퀴즈에 막힘 없이 잘 하셨다. 퀴즈는 코딩테스트라고 하기엔 웃기지만 주어진 문제에 솔루션 코딩을 하는 것이었고, 한번에 풀지 못한 몇가지 문제를 따로 메모해두었다. 1. 삼각형의 세 변을 입력받아 직각삼각형인지 확인할 수 있는 문제 -> true or false const a = side1 ** 2; const b = Math.pow(side2, 2); const c = side3 * side3; function isPythagorean(side1, side2, side3) { co..
-
혼자 코딩 - 2023. 04. 17 [DAY 5]공부/회고 2023. 4. 17. 18:21
저번주 금요일에 진행했던 페어 프로그래밍으로 계산기 목업 만들기를 오늘까지 진행하는 날이었다. 하지만 이미 동기분에게 도움을 받아 완성하였기 때문에 각자 공부하는 시간을 갖기로 했다. 거의 도움을 받아 완성된 프로그램이기 때문에 내 손으로 직접 해보기로 했다. 아무래도 주말동안 다른 일정이 있어 복습을 못했다보니 내용을 거의 구글링으로 진행했고, 오늘은 완성하지 못했다. 페어들에게 민폐가 되지 않으려고 개별적으로 강의를 사서 심화 학습을 진행하려고 한다. 아무래도 부트캠프에서는 학습 내용 자체는 많지 않아 응용하는 능력을 키우기엔 부족하다고 생각했기 때문이다. 구매한 과정은 백엔드를 함께한 풀스택 과정인데 강의의 평이 좋아 구매하여 부트캠프가 끝나는 6시부터는 집중해서 22시까지 추가 학습을 진행하고자 ..
-
첫 페어 프로그래밍 - 2023. 04. 14 [DAY 4]공부/회고 2023. 4. 14. 21:11
오늘은 첫 페어 프로그래밍을 했다. 2인 1조로 진행하였고 CSS를 이용하여 계산기를 만들어 보았다. 같이 프로그래밍을 했던 파트너분께서 이해도가 너무 높으셔서... 버스를 탄 기분이지만 많이 배웠다. 나도 숙련자가 되면 다른 사람들을 알려주는 프로그래머가 되어야겠다. 포토샵이나 파워포인트, 엑셀 이런 것들로 작업하면 10분이면 끝날 것 같은 디자인인데.. 하나하나 1px 단위까지도 건드려줘야 해서 너무 어려웠고 외울게 많았다. 🤣 그래도 결과물을 보니 남부럽지 않은 그럴싸한 계산기가 나왔다! 굉장히 뿌듯했고 다음엔 더 좋은 결과물을 내도록 할거다. 끝나고 강의 내용을 보니 어떻게 하라고 이미 알려주신게 있었는데 그건 계산기를 다 만들고 제출할 때가 되어서야 확인했다.. 어제 강의 종료 후 유튜브 생활코..
-
CSS 실습 - 2023. 04. 13 [DAY 3]공부/회고 2023. 4. 13. 18:13
> 오늘 뭘 배웠는가? CSS를 사용하여 스타일을 지정해주는 실습을 했다. 무엇보다 header, nav, main, aside, footer로 영역을 구분할 수 있는 점이 보기 편했다. > 영역 구분 header는 최상단에 기재하는 내용들, nav는 목차나 색인같은 것들, main은 말그대로 메인 컨텐츠에 사용, aside는 측면 영역에 사용하며, footer는 가장 하단 영역으로 사용한다. 이처럼 각 영역마다 구분이 가능하다. 이는 div와 똑같다. 잘 구분한다면 아래 이미지처럼 사용 가능하다! > 스타일에 대하여 CSS를 연결하는 방법은 위처럼 개별 css파일을 외부 파일로 만들어 연동하는 방식과 에서 적용하는 내부 스타일, 같은 줄에서 적용하는 인라인 스타일이 있다. 가급적으로 외부 스타일을 사용..
-
프론트엔트 기초 - 2023. 04. 12 [DAY 2]공부/회고 2023. 4. 12. 20:26
> 오늘 뭘 배웠는가? HTML의 기본 구조와 프론트엔드의 기초 개념을 공부했다. HTML은 웹사이트의 전반적인 구조로 틀을 잡고, CSS는 시각적으로 정렬이나 색상 등 디자인을 할 수 있다고 한다. JavaScript는 이를 동적으로 상호작용할 수 있게 한다는데, 아직은 직접 코드를 쳐보지 않아 이해되지 않았다. > HTML의 가장 기본적인 구조 > 자주 사용하는 요소 한 줄을 통째로 사용 컨텐츠 크기만큼 사용 이미지 삽입 링크 삽입 & 리스트 삽입 (단일 형식) 리스트 넘버링 (1. 2. 3. 형식) , (줄 바꿈 가능) 다양한 입력 폼 ㄴ 라디오버튼 : n개중 하나 (name으로 묶어줘야 함), 체크박스 : 여러 개 선택 버튼 > 시맨틱 요소란? 의미가 있는 고유 요소로 해석한다. 예를 들어 와 을..