프론트엔드(6)
-
[React] 리액트 개요, node.js와 npm, 렌더링Rendering, JSX
React 시작하기 개요 목적 : 지속적으로 데이터가 변화하는 대규모 애플리케이션 구축 리액트는 Virtual DOM 방식을 사용하여 DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화하고 효율적으로 진행합니다. virtual DOM 사용하여 js 객체를 구성, 실제 DOM의 가벼운 사본 느낌 업데이트 처리 간결성 프레임워크 X 라이브러리 O → 뷰 이외의 기능은 다른 라이브러리 사용 ex) react-router Node.js, npm 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임 리액트는 웹브라우저에서 실행되어 직접 연관은 없으나, 프로젝트 개발에 필요한 주요도구가 Node.js를 사용 ECMAScript 6를 호환시켜 주는 바벨(babel) 모듈화된 코드를 한 파일로 합치고(번들..
2022.06.02 -
[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 -
모바일 웹 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 -
#광고아님# (스마트웹&콘텐츠개발)UI/UX 기반 웹퍼블리셔&프론트엔드 개발자 양성 과정 @티아이에스정보기술교육센터 방문상담 및 면접 후기
#광고아님 안녕하세요 티엔이예요! 어제 무려 영등포까지!! 학원으로 상담하러 다녀왔어요. 검색했을 때 저희 집에서 약 한시간 반 정도 걸리지만, 다행히 미사역에서 5호선타고 쭉 가면 되서 체감상 시간이 그렇게 길게 느껴지진 않았어요. 저는 개인적으로 몇개월을 매일매일 출퇴근 하다 싶이 해야해서 지역적인 조건이 중요했었는데, 지도상으로는 영등포가 훨씬 멀지만, 후보에 있었던 강남 학원들도 시간이 비슷하게 걸리더라구요. 게다가 지난 포스팅에서 말씀 드렸듯이 아무래도 커리큘럼이 너무 마음에 들어서 일단 내방해서 상담해보기로 했어요. 학원 홈페이지에서 미리 방문상담예약을 하고 가시길 추천드려요! 일단 이 과정 같은 경우에는 제가 알아봤던 과정에 비해서 훈련시간은 조금 짧지만 프로그래밍언어 위주의 강의가 많아요...
2020.10.30 -
HRD 훈련 과정 탐색 for 웹퍼블리싱/웹디자인/프론트엔드
(지난 내용에서 이어집니다) 그래도 좀 더 확신이 필요해서 주위의 조언을 구했어요. IT 전혀 모르는 친한 친구들에게 대강의 직무를 설명해주었더니 웹퍼블리싱이 더 잘 맞을 것 같다고 했고, 웹기획자인 지인은 업무 내용과 제 성향을 고려해서, 개발자인 지인은 공부해야할 내용과 향후 취업과정을 고려해 만장일치로 웹퍼블리싱을 추천해주었어요. 그래서 그 전에 알아봤던 내용은 다 접고, 구직자 과정 웹퍼블리싱 쪽으로 다시 알아보기 시작했어요. 제가 원하는 훈련 조건은 1. 평일 낮 시간대 2. 접근성 (강남/잠실/종로) 3. html/css 등 웹 언어 4. 일러스트 (포토샵은 이미 할줄 알기 때문에) 였어요. 막상 검색해보니 커리큘럼이 제대로 나와있지 않은 학원이 대부분이라 교재 위주로 확인했는데, 사실 지금 ..
2020.10.29