[멋쟁이사자처럼 프론트엔드스쿨 TIL] DAY 12[3주차]
·
Education/⛺BootCamp
❤️Liked 느낀 점종종 페이지를 제작하면서 수평선은 태그를 많이 사용했는 데강의를 듣고 난 뒤 마크업 태그들의 의미와 쓰임새를 제대로 알고 사용해야겠다고  태그는 문단 수준 요소 사이의 주제 구분(예를 들어 장면 전환, 참고서의 섹션 내 다른 주제로의 이동 등)을 나타내는 태그로 단순히 수평선 스타일로만 사용되는 것은 좋지 않은 사례라고 합니다. ✏️Learned 공부한 내용그리드 시스템페이지 콘텐츠를 논리적으로 일관성 있는 질서와 구조로 디자인할 수 있게 도와주는 그래픽 시스템을 말합니다.여기서 그리드는 사전적 의미로 '격자 무늬' 또는 '격자판'을 의미합니다.장점컬럼 단위로 요소를 구성하므로 많은 양의 콘텐츠도 정돈된 느낌을 줍니다격자 형식에 따르므로 블록을 쌓듯 디자인이 편리합니다.일관되고 통..
[멋쟁이사자처럼 프론트엔드스쿨 TIL] DAY 09 ~ 10[3주차]
·
Education/⛺BootCamp
❤️Liked 느낀 점어제는 지난 주 과제였던 WOOD 페이지 만들기에 대해 다른 수강생분들이 만드신 결과물들을 하나하나 살펴보았고,강사님께서 한 분 한 분 간단하게 과제 리뷰를 해주셨는데 제 차례가 다가올 수록 엄청 긴장이 되었습니다..하필이면 다른 수강생분들의 결과물을 보면서 뒤늦게서야 틀린 부분을 찾게 되어서 아쉬움이 많이 남았지만강사님께서 제 결과물을 보시면서 배경 쪽이 아쉽지만 피그마 결과물에 맞게 header?와 main 부분에 양 사이드 부분이서로 맞아떨어지게 한 점을 칭찬해주셨고, 간단하게 코드를 쭉 보시면서 이 분은 개발 경험이 어느 정도 있으신 분이라고 말씀하셔서 기분이 좋은 하루였습니다! 오늘은 강사님께서 어제 강의 마무리하시면서 중요하다고 말씀하셨던Flex 속성에 대한 거의 모든 것..
[멋쟁이사자처럼 프론트엔드스쿨 TIL] DAY 06 ~ 08 [2주차]
·
Education/⛺BootCamp
❤️Liked 느낀 점(작성된 글을 모르고 삭제해버려서 다시 올립니다 ㅠㅠ)지난 1주차때는 평소 수면패턴이 엉망이었어서 아침부터 수업 듣는게 많이 피곤하고 힘들었습니다😭그래도 다행히 2주차때는 수면패턴도 원래대로 돌아오고 규칙적인 생활을 하게되어서 수업 듣는게 많이 수월해졌습니다😀 목요일 자습시간에는 앞으로 6개월가량 같이 동고동락하게될 회고 팀원분들이랑 짧게나마 대화를 나눴었는데 다들 너무 좋으신 분들이고 열정 가득하신 분들이라 앞으로의 6개월이 기대되는 그런 하루였습니다! 또한 금요일에 주어진 과제는 다소 난이도가 있었던 과제였었는데 수업시간에 배운 개념을 토대로 과제에 적용해서 푸니까 빠른 시간내에 과제를 풀 수 있어서 좋았습니다!✏️Learned 공부한 내용Web Accessibility디자인..
[멋쟁이사자처럼 프론트엔드스쿨 TIL] DAY 01 ~ 03[1주차]
·
Education/⛺BootCamp
📒게시판 소개멋쟁이사자처럼 프론트엔드 스쿨에서 배운 내용들을 정리하고자 게시판을 만들었습니다📅게시판 업로드 주기수업 들은 날 당일 업로드주차별로 업로드파트별로 업로드❓이 수업은 왜 듣는지?올해 컴퓨터공학과를 졸업했지만 준비된 게 없었어서 개발자로 바로 취업하기에는 어려움이 있었습니다.최근 반 년동안 코딩 실력을 향상하고자 독학으로 강의를 수강해서 공부를 시작했지만실시간 강의가 아니다 보니 초반에는 의기양양으로 열심히 들었지만후반부로 갈수록 강의를 몰아서 듣거나 안 듣는 경우가 많아져 의지박약인 저를 볼 수 있었습니다..심각성을 느낀 저는 동영상 강의보다는 실시간 강의로 다른 사람들과 같이 수업을 듣는 게좋을 것 같다는 결론을 내렸고 여러 가지 수업들을 서치 해보다가 멋쟁이사자처럼 테킷 프런트엔드스쿨이..
[Git] CLI
·
Dev Ops/🐈‍⬛Git
개념키보드를 이용해 OS와 상호작용하는 SW 메커니즘입니다. 이를 사용하면 텍스트 명령을 입력하여 모든 서버 또는 컴퓨터 시스템에서 프로그램을 구성, 탐색 또는 실행할 수 있습니다.장점효율성하나의 명령으로 여러 파일 작업을 수행할 수 있습니다.명령을 숙련되게 사용하면 시스템을 빠르게 탐색하고 조작할 수 있습니다.스크립트를 작성하여 반복 작업을 자동화할 수 있습니다.원격 엑세스네트워크 자원을 적게 소비하므로 하드웨어 기능이 제한된 시스템이나 원격 서버 환경에 적합합니다.대역폭이 낮은 연결에서도 보안 쉘을 통해 명령을 제출하여 서버를 원격으로 관리할 수 있습니다.그래픽 인터페이스를 사용할 수 없는 헤드리스 환경에서 서버와 클라우드 인스턴스를 관리하는 데 선호됩니다.문제 해결기본 시스템을 더 깊이 이해하는 데..
[Git] Git의 기초
·
Dev Ops/🐈‍⬛Git
버전관리파일의 변화를 시간에 따라 기록하고 특정 시점의 버전을 복원할 수 있는 도구입니다. 소프트웨어 개발뿐만 아니라 디자인 작업 등 다양한 분야에서 유용하게 사용됩니다.장점이전 상태로의 복원이 가능합니다.변경 내역을 비교하고 추적할 수 있습니다.문제 발생 시 원인을 쉽게 파악할 수 있습니다.실수로 인한 손실을 방지하고 복구할 수 있습니다.로컬 버전 관리많은 사람들은 파일을 복사하여 별도의 디렉토리에 저장하는 방식으로 버전을 관리합니다. 이는 간단하지만 실수로 인한 문제가 발생하기 쉽습니다.디렉토리 저장 방식으로 버전 관리 시 발생하는 문제 예시작업 디렉토리를 실수로 삭제할 수 있습니다.파일을 잘못 수정하거나 복사할 수 있습니다.중앙집중식 버전 관리(CVCS)프로젝트에서 여러 개발자와의 협업이 필요할 때..
[CodeBlock] highlight.js 적용 가이드
·
ETC/💡KnowHow
플러그인 설정 확인설정 > 플러그인 섹션 > 코드 문법 강조 사용중 해제highlight.zip 다운 받고 압축 풀기Download a Custom Build - highlight.js (highlightjs.org) Download a Custom Build - highlight.js highlightjs.org테마 미리 확인해보기Demo - highlight.js (highlightjs.org) Demo - highlight.js...highlightjs.orghighlight.min.js 와 스킨파일 업로드하기설정 > 꾸미기 > 스킨 편집 > html 편집파일업로드에 파일 추가하기스킨은 styles 폴더에 있습니다HTML 바로위에 아래 코드 추가하기
[Tistory Skin] hELLO 적용 가이드
·
ETC/💡KnowHow
hELLO 스킨정상우 개발자님께서 만드신 스킨 입니다.  hELLO 티스토리 스킨을 소개합니다. — hELLO. (tistory.com)  hELLO 티스토리 스킨을 소개합니다.hELLO는 2020년 3월 첫 공개 이후 지금에 이르기까지 티스토리에서 많은 블로거분들께 사랑받은 스킨이 되었습니다. 그 결과 가장 영향력 있는 개발자 커뮤니티인 깃허브에서 약 천 개에 달하는 티pronist.tistory.com[받기] 섹션에 있는 다운로드 링크를 눌러 다운받은 후 파일 압축 풀기를 해주세요 hELLO Skin 적용하는 법블로그 관리 설정 페이지 이동하기꾸미기 > 스킨 변경 섹션으로 이동하기스킨등록+ 선택하기파일 목록에 다운 받은 파일들 넣어주고 저장하기스킨 보관함> 선택하기스킨 적용하기
[Download] Git 설치 가이드 by Windows
·
ETC/💡KnowHow
공식 사이트 접속하기Git (git-scm.com) Gitgit-scm.comDownload for Windows 선택하기본인 사양에 맞는 다운로드 설치 파일을 다운로드한 후 실행하기정보 계속하기 전에 다음의 중요한 정보를 읽어 보기파일 경로 선택경로 변경 없이 다음으로 넘어가기 (이미 설치된 상태에서 다시 설치하느라 경로 선택 화면이 안 나와 캡쳐를 못했습니다)구성 요소 선택체크박스 모두 체크하기 더보기 Additional icons On the Desktop : 바탕화면에 바로가기 생성 Windows Explorer integration Open Git Bash here : 폴더 오른쪽 클릭 메뉴에 Git Bash 추가 Open Git GUI here : 폴더 오른쪽 클릭 메뉴에 Git GUI 추가 ..
ds-coding
'분류 전체보기' 카테고리의 글 목록 (2 Page)