본문 바로가기

Programming Knowledge/WEB Knowledge7

.pdf -> .ppt , .key -> .ppt 변환 및 결과물 비교 하기. 최근 아는 튜터님으로부터 key 파일을 받은 적이 있는데 이 key 파일은 mac 애플 진영의 파워포인트로 불리는 키노트로 작성된 파일이었다.문제는 예전에 맥북을 잠깐 썻었지만, 현재 처분하고 레노버 하이엔드 노트북을 사용하는 입장으로써 저 key파일을 어떻게 변환해서 써야할까 생각해보다가 아래와 같은 사이트를 통해서 변환해서 해보기로 했다. 다만 한가지 궁금증이 들었다. 난 저 파일을 .pdf를 통해서도 받았다 다만 .pdf로는 해당 파일을 내가 수정할 수 없기에 반드신 윈도우에서열 수 있는 ppt 파일(편의상 난 ppt를 선택했지만 ppt가 아니어도 내가 수정한 가능한 확장자의 파일) 이 필요했는데 받은 .pdf 를 ppt로 변환하는 것과 원본 .key 파일을 .ppt로 변환하는 것에 있어서 결과물은.. 2024. 11. 25.
2024 프론트엔드 커리어 전문성 트랙 - 웹 특화, 제품 특화 , 운영 특화 프론트엔드든, 클라우드 엔지니어든, 백엔드 엔지니어든 뭐 뭐가 됬든 모든 직업에는 커리어 특화가 있습니다.계속 10년 20년이 지나서 그 분야의 미들, 시니어 고급 기술자가 되었을 때 너 과연 어떤 모습이 될래? 약간 게임으로 따지자면 어.. 너 어느정도 레벨 쌓았네.. 너 뭐 ..법사는 법산데 뭐 되고싶은데? 뭐할래? 느낌인거같아요.비단 it 뿐만이 아니라 모든 직업에 다 통용되는 과정인 거 같습니다.몇가지 자료를 정리해서 ,제 식대로 한번 작성해보겠습니다..프론트엔드 직무를 선택했다면 저희는 10년 20년 순항하여, 탁월한 시니어 프론트엔드 엔지니어가 되어야할 겁니다. 여기서 이 탁월한 시니어 프론트엔드 엔지니어가 된다는 것은 3가지 측면으로 해석이 가능할 것 같아요. 탁월한 (시니어 프론트엔드) 엔.. 2024. 11. 25.
CORS(Cross Origin Resource Sharing) 3주차 면접 질문 항목 중 CORS와 관련된 면접 질문이 있었습니다.CORS는 무엇인가?웹 개발을 하다보면 한번씩은 꼭 CORS와 관련된 오류를 마주하고는 합니다. 대표적으로 뭐..CORS를 우선 정의하기 전에 우리는 이것이 왜 나온 것인가? 왜 이것이 웹 개발자들을 이리 힘들게 하는 것인가에 대해 이해할 필요가 있습니다. CORS 관련 이슈는 CORS 정책을 위반했기 때문에 발생하는 것입니다. 브라우저는 기본적으로 SOP정책을 따르고 있습니다. SOP : Same Origin Policy) 같은 출처 정책 같은 출처에서만 리소스를 공유할 수 있도록 하고있는 것이죠 다만 같은 출처내에서만 리소스를 공유하도록 하면 자원에 대해서 보안은 확실히 가져갈 수 있지만, 개발을 하다보면 기능 상 외부 리소스를 가져.. 2024. 11. 4.
[Web Knowloege] Local Storage와 Sesstion Storage의 차이 웹 저장소인 Local Storage와 Session Storage 모두 브라우저 내에서 키-값 쌍의 형태로 저장한다는 점에 대해서는저장소로서의 기능은 대부분 동일하다.다만 가장 큰 차이점은 Session Storage의 경우 세션이 종료되면 저장된 데이터도 함께 사라진다는 점이다. [Local Storage]값을 직접 지우기 직전 까지는 값이 지워지지 않는다.시간제한이 없고 브라우저가 꺼져도 죽지 않는다. [Session Storage]세션(프로세스 ,탭, 브라우저)가 종료될 때까지 지속되는 Storage로써 소멸 타이밍이 LocalStorage와는 다르다.Local Storage는 소멸 타이밍이 없어서, 직접 지워줘야만 그 값이 지워진다. 그에 반하여 Session Storage는 세션이종료가 되었을.. 2024. 9. 17.
[Dom과 Dom Tree] Dom, Dom Tree, Dom 접근 및 제어 1. 자바스크립트 & 웹 페이지 동작 원리 DOM을 이해하기 위해서는 먼저 자바스크립트에 대해서 이해하고 있어야한다.자바스크립트 - 스크립트 언어에 해당하는 자바스크립트는 오늘날 html, css 와 함께 웹을 구성하는 주요 요소로써 , 웹 페이지를 동적으로 만들기 위해 -> HTML 문서를 조작하여 동적으로 웹 페이지를 구성하고, 움직임을 주기 위해 만들어진 언어 웹 페이지 기본 동작 원리 사용자(Client) -----요청(Request)----> 서버(Server)사용자(Client)사용자는 웹 서버에 접속할 때 서버에 요청을 던지고, 사용자는 서버 측으로 부터 html문서(Document)를 응답 Response로 부터 받는다.각 브라우저는 (크롬,엣지, 삼성, 사파리) 등 전부 랜더링 엔진을 가.. 2024. 7. 31.
웹 개발자가 신경써야할 SEO(Search engine optimization) 1. SEO란 무엇인가?SEO - Search engine optimization의 약자로 , 구글,네이버와 같은 검색엔진에 최적화된, 친화적인 사이트를 구축하여 광고가 아닌 자연 검색 결과(Organic Search Result)에 잘 노출되도록 하여 , 사이트에 대한 트래픽의 양과 질을 향상하는 작업SERP(Seach Engine Result Page)-사용자가 검색어(Query)를 검색엔진에 입력 하면 보게되는 전체 검색엔진 결과 페이지PSR(Paid Search Result) - 결과 페이지 중 광고 검색 결과OSR(Organic Search Result) - 결과 페이지 중 자연스러운(Organic) 검색 결과 저렇게 영양제라는 키워드로 검색을 했을 때, 상위 몇개의 광고가 뜨는 것들이 광고로써.. 2024. 7. 13.