'실습' 태그의 글 목록 (7 Page)

🌈 [Section1] 7. Git 기초 & 페어실습

2023.04.06

📕 오늘 배운 내용! Git과 GitHub 페어와 Git Workflow 실습 ✏️ Git이란? 파일의 버전 관리, 백업, 협업이 가능한 프로그램 ✏️ GitHub이란? git Repository(저장소)를 관리하는 곳 내 컴퓨터에 저장하지 않고 대신 저장이 가능 ✏️ Git 명령어 Fork - 복사할 코드가 있는 Rmote Repository의 코드를 내 Rmote Repository로 복사 git clone - 내 Rmote Repository에 있는 코드를 내 Local Repository로 복사 git rmote add pair - 상대의 Rmote Repository 주소를 내 Local Repository와 연결 git rmote -v - 연결된 주소들의 목록 확인 가능 git init - ...

• CodeStates BootCamp/Section 1

🌈 [Section1] 6. Linux 기초

2023.02.20

📕 오늘 배운 내용! CLI와 GUI CLI 명령어 사용하기 관리자 권한 / r,x,e 권한 환경변수 ✏️ Linux 란? 컴퓨터 운영체제 중 하나 ! ( 개발자들이 주로 쓴다고 한다 ) 💡 여기서 운영체제란? 사람과 컴퓨터를 이어주는 매개체인 Operating System (OS) ✔ CLI (Command Line Interface) 명령줄 인터페이스 (터미널에 명령어를 넣고 컴퓨터를 제어하는 방식) - 장점 👉 상대적으로 속도가 빠르고 안정성이 높으며 그래픽 필요가 없어 컴퓨터 자원을 적게 사용 - 단점 👉 명령어를 모르면 사용이 불가 ✔ GUI (Graphic User Interface) 그래픽 사용자 인터페이스 (우리가 컴퓨터 사용할 때 적용되는 컴퓨터 제어방식) - 장점 👉 사용하기 쉽고 편리..

• CodeStates BootCamp/Section 1

🌈 [Section1] 5. HTML & CSS 실습

2023.02.20

😜 목업 페이지 실습 ! 오늘은 첫 페어 학습! 페어와 배운 내용들을 이용해서 twittler 목업 페이지를 만드는 것이다. 💡 목업 페이지(Mock-up page)란? ➜ HTML 과 CSS로만 이루어져 기능은 하지 않는 깡통 프로그램 목업 페이지지만 코드스테이츠에서 조금의 재미를 위해 JS 코드를 조금 작성해두셨다고 한다. (우린 배우지 않았기 때문에 ㅎㅎ) 그래서 만들고 나서 이름과 댓글을 쓰고 버튼을 누르면 밑에 댓글이 달리는 기능을 시험해 볼 수 있었다! 이 페이지처럼 만드는 거였는데 사실 디자인엔 자신이 없고 생각도 안나서 ㅎㅎ 일단 저 예시 페이지와 스타일을 비슷하게 만들어 구현하는 것 + 약간의 디자인에 초점을 두었다! 그래서 내가 페어와 만들어낸 결과물은! (내가 주 실습자로 만들어본 것..

• CodeStates BootCamp/Section 1

🌈 [Section1] 4. 페이지 레이아웃 / 웹 앱 화면 설계하기

2023.02.19

📕 오늘 배운 내용! Flexbox 와이어 프레임 ✏️ Flexbox의 역할 요소들을 자동으로 정렬해주고 박스를 유연하게 늘리거나 줄여 레이아웃을 잡을 수 있음! display : flex 💡 중요한 점! 1. flexbox는 항상 부모에게 말을 걸어 자식 요소들을 조종한다. 2. Main Axis와 Cross Axis는 항상 고정적이지는 않다. ✔ 수직분할 콘텐츠를 가로로 배치✔수평분할 콘텐츠를 세로로 배치 ✏️ 부모 요소에 적용해야하는 Flexbox 속성 자식 요소들을 정렬할 정렬 축을 정함 1. flex-direction : 정렬 축 정하기 - row 가로 정렬 ( 좌 -> 우 ) (기본값) - column 세로 정렬 ( 상 -> 하 ) - row-reverse 반대로 가로 정렬 ( 우 -> 좌 )..

• CodeStates BootCamp/Section 1

🌈 [Section1] 3. HTML & CSS

2023.02.19

📕 오늘 배운 내용! HTML & CSS & Javascript 각각의 역할 HTML의 기본 구조와 문법, 자주 사용하는 요소 CSS의 시맨틱 태그(semantic tag), id와 class, 셀렉터의 종류, 텍스트 꾸미기 명령어 박스 ✏️ HTML & CSS & Javascript ✔ HTML (HyperText Markup Languages) 웹 페이지의 구조를 담당하는 마크업 언어 (Structure) Tag ()들의 집합으로 이루어짐 ✔ CSS (Cascading Style Sheet) 디자인 요소를 시각화하는 스타일 시트 언어 (Presentation) 뼈대(HTML)가 있어야 CSS도 있을 수 있음 ➜ UX(User Experience)가 높아야하기 때문에 UI(User Interface)를..

🌈 [Section1] 7. Git 기초 & 페어실습

🌈 [Section1] 6. Linux 기초

🌈 [Section1] 5. HTML & CSS 실습

🌈 [Section1] 4. 페이지 레이아웃 / 웹 앱 화면 설계하기

🌈 [Section1] 3. HTML & CSS

티스토리툴바