코딩공부(25)
-
[git bash] 리눅스 명령어 공부
$ pwd : print working directory $ ls : list -la / -al : list all $ cd : change directory ~ 현재 접속 중인 홈 디렉터리 ./ 현재 작업 중인 디렉터리 ../ 상위 디렉터리 $ mkdir 00 : make directory $ rm : remove -r : 하위 디렉터리와 파일까지 삭제 $ clear : 터미널 창의 내용 삭제 $ exit : 터미널 창 종료 $ vim 00.txt : vim을 이용한 파일 생성 i / a : insert / add 입력모드 esc : ex 모드 :w / :write :q / :quit :wq 00 : write and quit, 파일 이름 입력 시 그 이름으로 저장 :q! 문서를 저장하지 않고 편집기 ..
2021.08.04 -
인터넷의 원리
인터넷의 원리 웹사이트 주소 웹페이지가 가지고 있는 고유한 주소 http://www.google.com https:// 프로토콜 어떤 방식으로 웹사이트에 접속할지, 즉 인터넷 탐색 시의 이동 수단. http와 https는 거의 동일한 프로토콜이지만 https는 암호화를 통해 보안성이 강화됨. www 대부분 붙이지 않아도 상관없지만 완전한 주소를 보여주기 위해. 전화를 걸때 국가번호를 빼고 말해도 되는 것처럼. google.com 도메인 모든 웹사이트는 최소 1개의 ip주소가 존재한다. 컴퓨터는 도메인이 아닌 ip주소라는 숫자코드를 이용해 접속한다. 도메인을 ip 주소로 전환하기 위해 DNS, domain name service를 이용한다. DNS는 주소록이라고 보면 되고, 컴퓨터는 dns를 이용해 ip ..
2021.08.03 -
[git] git의 기본개념 이해하기 (feat. 생활코딩)
git, github, 깃허브데스크탑, 소스트리.. 깃허브데스크탑을 이용하여 깃허브에 포폴을 올려두긴 했으나 뭔가 기본 개념이 부족한 것 같아서 생활코딩으로 깃의 개념을 잡아보았다. 깔끔한 설명이 장점인 생활코딩이다보니 용어에 대한 기본 개념이 확실히 잡혀진다. 이외에 참고한 사이트 역시 포스팅 최하단에 링크해둔다. Git 이란, 문서를 분산 관리하기 위해 만들어진 시스템 여러 개의 파일과 복잡한 파일명 없이도 모든 변경사항을 보존할 수 있고, 각 변경 사항에 대한 해설 추가가 가능하다. Git 의 세가지 목적 : version , backup, collaboration 1. 버전 관리 각각 버전 간의 차이점을 한눈에 확인할 수 있다. 변경 사항을 추적할 수 있다. commit 을 이용하여 새로운 버전을..
2021.07.22 -
이미지 사이즈 줄이기, 용량 압축 (feat 포토샵& tinyPNG)
현재 다니는 곳에서는 주로 포토샵, XD로 디자인 시안을 넘겨받는데, 작은 아이콘에서는 문제가 크게 되진 않으나 배경 이미지 등을 저장할 때는 용량이 클수록 리소스도 많이 차지하고 로딩시간도 느려진다. 따라서 최대한 퀄리티를 살리면서 용량을 줄이는 것이 중요하다. 포토샵 작업 시 이미지 저장할 때에는, 무조건 save for web을 사용한다. 이 때 주의할 점은, * 퀄리티는 70~80 정도로 지정한다. - 이렇게 해도 육안으로는 큰 차이가 없다. * metadata는 none으로 설정한다. - 중요하지 않은 데이터는 생략하여 용량을 더 낮춘다. 이렇게 하면 일반 save와 비교했을때 이미지 크기를 반 정도로 줄일 수 있다. 여기서 이미지 압축하는 사이트를 이용하여 한번 더 압축을 해주면, 원본 사이즈..
2021.07.19 -
모바일 웹 vs 웹 앱 차이점 feat. 네이티브앱, 하이브리드앱
학원에서 수업하면서 네이티브앱, 하이브리드앱, 웹앱의 차이점에 대해 배운 적이 있다. (출처 : https://m.blog.naver.com/acornedu/221012420292 ) 이제와서 다시 보니 그 차이가 조금 분명하지 못한 것 같아서 좀 더 검색을 해 보았다. 모바일웹은 말그대로 반응형 혹은 적응형 작업이 된 웹페이지이다. 웹앱은 모바일웹과 같으나 겉모습과 구동방식을 마치 앱인 것처럼 꾸며놓은 것이 웹앱이다. 즉, 웹 기술로 네이티브앱을 흉내낸 것. 하이브리드앱은 쇼핑몰 등에서 주로 사용하는 방식으로, 껍데기만 앱이고 내용물은 웹이다. 따라서 웹 기반이므로 잦은 업데이트가 있더라도 앱을 따로 업데이트할 필요가 없어서 유지보수에 용이하다. 또한 네이티브앱에서만 가능한 스토어 등록 등의 기능을 사..
2021.06.16 -
퍼블리싱 작업 완료 후 확인해야 하는 부분
실무에서 퍼블리싱 작업을 하다보면 꼭 해야하지만 까먹는 부분이 있어 정리해본다. 작업의 완성도를 높이기 위해 html, css, script 작성이 완료되면 다음과 같은 절차를 통해 내가 만든 작업물을 확인 후 컨펌을 보낸다. 1. 크로스브라우징 - ie에서만 돌아가면 대부분 돌아간다. 먼저 ie 확인 후, 다른 부분 수정을 하고 다른 브라우저들 확인할 것. 2. 모바일 - 개발자도구로 모바일 사이즈만 확인하는 것이 아닌 직접 핸드폰으로 확인해 볼 것. 아이폰의 경우 주소줄 등에 의해 높이가 더 짧아지므로 유의. 3. w3c validator - html, css의 웹표준 검사는 필수 4. OpenWax - 크롬의 익스텐션 중 하나로 웹접근성을 점수로 세분화하여 체크해준다. 위의 4가지 항목은 신입퍼블리..
2021.06.16