목차 첫 포스트인 웹 퍼블리셔에 대한 글에, 꾸준히 방문자가 들어온다. 무려 3위!!! 하지만 지금 돌아보기에, 글이 부족한 게 좀 보이는 것 같아 마음에 걸려 다시 쓰게 되었다. 웹퍼블리셔란 그 직업이 무엇을 하는지, 어떤 걸 필요로 하는지 전문적인 정보를 얻고 싶다면 구인 사이트에 가면 된다. 구인 사이트에는 여러 가지 많이 있지만, 내가 개인적으로 많이 찾는 곳은 원티드이다. 웹 퍼블리셔 채용 정보 | 원티드 웹 퍼블리셔 전문가에게 딱 맞는 글로벌 10,000개 회사, 원티드에서 만나보세요. www.wanted.co.kr 자격요건 자격요건은 이 직업이 꼭 갖추어야 할 능력으로써, 대부분 비슷한 양상을 띤다. html, css, javascript 웹 퍼블리셔가 주로 하는 일은, 디자이너가 짠 레이아..
목차 결국... 결국 백앤드까지 손을 대 버렸다... 프런트 앤드만 해도 할게 많은데!!! 풀 스택은 취업하고 할 생각이었는데!!! 그래도... 프런트엔드의 서버에서 데이터를 가져오고 서버에 데이터를 넘기는 과정에 대해 이해를 하기 좋으니, 어느 정도는 배워보는 것도 좋을 것 같다. node.js 설치 nodeJs를 사용하려면 nodejs를 설치해야 한다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node js 페이지로 들어가 node js를 다운로드하자 프로그램을 설치할 땐 최신 버전보단 안정성을 중시하자. 버전 확인 설치를 다 한 후 cmd에 node -v를 입력하면 설치된 버전..
원래 MongoDB에 대해 포스트 하고 있었는데, 스키마에 대해서 너무 깊게 써버려서 스키마 포스트를 한번 하고 내일 MongoDB에 대해 포스트 하기로 했다. Schema 설명이 좀 추상적이라 글로는 이해하기가 좀 힘들다. 구글링을 하면서 여러글에서 나온 건데, 스키마를 이해하는 데에는 이 그림이 직빵인 것 같다. 외부 스키마 프로그램의 개발의 외부, 유저의 입장에서 바라봤을 때의 스키마를 뜻한다. 하나의 외부 스키마를 여럿이 공유 가능하다. 하나의 DB시스템에 여러 개의 외부 스키마가 존재 가능하다. 개념 스키마 데이터베이스 관리자의 입장에서 바라봤을 때의 스키마를 뜻한다. 데이터 간의 관계(다른 데이터와 같으면 안 된다던가 => ex. 주민등록번호), 제약조건(숫자로만 적어야 한다던가 => 전화번호..
목차 계속 글을 쓰면서 이해가 부족한 개념을 발견하고 내일은 이거 써야지!! 해놓고 까먹는다... 아이템 포스트를 하나 만들어서 기록해놔야겠다 DOM DOM이란 Document Object Model의 약자로서 흔히 문서 객체 요소라 한다. 이는 MDN에서 HTML, XML 문서의 프로그래밍 interface이다. 라고 명시하고 있다. interface는 서로의 다른 두 개의 시스템을 연결하는 매개이다. 이제 정리하면, HTML XML 문서를 프로그래밍 언어나 스크립트 언어가(ex. 자바스크립트) 인식할 수 있게, 글의 나열인 문서에서 하나하나 속성을 넣고, 선택할 수 있는 객체 문서로 바꾼것이다. 데이터 타입 Node DOM에 포함된 모든 요소를 node라 통칭한다 HTML 문서 전체를 포함한 Docu..
목차 원래 오늘은 맥북을 산 기념으로, 맥북 환경 세팅에 대해 포스트 하고 싶었는데, ... 의외로 적을게 별로 없었다. 다 비슷한 느낌. 그래서 Node.js를 포폴에 추가해야 하므로 오늘은 개념을 잡고 내일부터 간단한 예제를 만들어봐야겠다. NodeJs Node.js는 뒤에 Js라는 이름에서 보이듯이, JavaScript 엔진으로 빌드된 JavaSript 런타임이다. 여기서 런타임이란 두 가지 뜻이 있지만, 개발언어를 컴퓨터 언어로 바꿔주는 인터럽터와 컴파일러를 포함한 환경이다. 이에 대해 더 얘기할 수도 있지만 내가 공부하고자 하는 것은 서버 구축의 Node.js이니 그쪽으로 얘기하기로 하고, Node.js가 서버 구축을 포함한 런타임 환경에도 많이 쓰인다는 것만 알아두자. 서버의 Node.js 우..
목차 CORS와 Representational를 알아가면서 계속 나왔던 것은 HTTP 였다. 이제 그 개념을 건드려보자. HTTP Hyper Text Transfer Protocol의 약자로 이다. ... Hyper는 엄청난이란 뜻이다. (진짜!!) HTTP 구조 HTTP는 클라이언트의 요청과 서버의 응답으로 동작한다. 이 구조는 포스트 Representational에서 좀 자세하게 다루었었다. Representational 목차 결과물을 보는 게 좋아 무작정 만들기만 했었는데, 우연찮게 면접 후기를 본 뒤 (cors가 프론트영역이냐, 백앤드 영역이냐 란 질문이었다) 개념에 대해서도 알아둬야겠다 생각했다. 나아가 sirong.tistory.com 비연결성 HTTP는 연결 상태를 유지하지 않는 비연결성 프..
목차 어제 포스트에서... CORS 질문 때문에 구조 공부를 시작했다 했는데... ......... 오늘 바로 CORS랑 씨름해버렸다... Representational 목차 결과물을 보는 게 좋아 무작정 만들기만 했었는데, 우연찮게 면접 후기를 본 뒤 (cors가 프론트영역이냐, 백앤드 영역이냐 란 질문이었다) 개념에 대해서도 알아둬야겠다 생각했다. 나아가 sirong.tistory.com CORS 시작하기전에 ㅋㅋㅋㅋㅋㅋ CORS로 얼마나 고통받는지 meme이 관련 검색어에 뜬다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ CORS란 CORS란 Cross-Origin Resource Sharing 로써, 직역하자면 교차 출처 리소스 공유이다. 리소스는 해당 웹이 가진 콘텐츠(자료)이다. 즉, 자료를 공유할 때의 양식인 건데 간..
- Total
- Today
- Yesterday
- 무료아이콘
- homebrew
- 이쁜코드
- 에러
- 비동기
- 랜더링
- Redux
- 가상샐렉터
- CSS
- 접근성
- 웹접근성
- Router
- dom
- 쿠키
- 서버
- 클릭
- react
- proptype
- usecookies
- async
- SVG
- useReducer
- switch
- 아이콘
- nodejs
- html
- visualcode
- touchable
- Hook
- Expo
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |