본문 바로가기

Programming Knowledge21

.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.
Test Code에 관하여. 1. Frontend 관점에서의 Test의 목적과 이점1-1 안정성과 신뢰성 확보 : 정기적인 테스트를 통해 개발된 애플리케이션이 안정적으로 작동하며,예상치 못한 사용자의 액션에도 견딜 수 있고 정상적으로 동작하는지를 확인 1-2 코드 동작의 테스트 : 코드가 로직대로 정상적으로 제대로 동작하는지에 대한 검증1-3 상호 작용 테스트 : 사용자와의 상호작용, 클릭, 스크롤, 입력 등이 정상적으로 동작하는지를 검증 1-4 성능 평가 : 애플리케이션의 로딩시간, 반응속도 등 성능 지표를 평가, 더 좋은 사용자 경험을 위하여 개선점을 식별할 수 있는 것1-5 크로스 브라우징 호환성 : 다양한 웹 브라우저와 디바이스에서 애플리케이션이 일관된 방식으로 작동하는지를 테스트 1-6 인터페이스 검증 : 프론트엔드 테스트.. 2024. 10. 11.
[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.
[Algorithm]프로그래머스 - 바탕화면 정리(Javascript) 코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다.컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다. 파일들은 바탕화면의 격자칸에 위치하고 바탕화면의 격자점들은 바탕화면의 가장 왼쪽 위를 (0, 0)으로 시작해 (세로 좌표, 가로 좌표)로 표현합니다. 빈칸은 ".", 파일이 있는 칸은 "#"의 값을 가집니다. .. 2024. 9. 12.