본문 바로가기

전체 글73

프레임워크 없는 프론트엔드 III 이벤트는 화면에 생명을 불어넣어주죠. 그리고 많은 문제들도 함께 탄생합니다. 이벤트 책의 제 2장에는 렌더링에 대해 설명해준다. 렌더링은 웹 브라우저에서 데이터를 표시하기 위해 사용되는 매우 중요한 요소다. W3C는 프로그래밍 방식으로 요소를 렌더링하는 방식을 문서 객체 모델(DOM)로 정의했는데, 렌더링 엔진을 직접 구축하기 위해선 제일 먼저 DOM에 대한 이해가 필수적으로 있어야한다. DOM은 기본적으로 트리구조를 띄고 있다. 각각의 document object의 속성들이 node 형식으로 저장되어있다. const SELECTOR = ‘tr:nth-child(3) > td’ const cell = document.querySelector(SELECTOR) cell.style.backgroundColo.. 2023. 11. 13.
프레임워크 없는 프론트엔드 II 렌더링 책의 제 2장에는 렌더링에 대해 설명해준다. 렌더링은 웹 브라우저에서 데이터를 표시하기 위해 사용되는 매우 중요한 요소다. W3C는 프로그래밍 방식으로 요소를 렌더링하는 방식을 문서 객체 모델(DOM)로 정의했는데, 렌더링 엔진을 직접 구축하기 위해선 제일 먼저 DOM에 대한 이해가 필수적으로 있어야한다. DOM은 기본적으로 트리구조를 띄고 있다. 각각의 document object의 속성들이 node 형식으로 저장되어있다. const SELECTOR = ‘tr:nth-child(3) > td’ const cell = document.querySelector(SELECTOR) cell.style.backgroundColor = ‘red’ 이런 식으로 선택자를 이용해 필요한 속성을 주입시키는 것도 .. 2023. 11. 12.
프레임워크 없는 프론트엔드 I 책에게 간택당했다 아직 역사가 깊지 않은 만큼 생태계가 빠르게 변하고 있는 곳이 바로 프론트엔드 영역이다. 어떤 언어와 프레임워크, 라이브러리가 우세하다 라는 말들은 간혹 들어봤을테지만, 결국 양측의 의견을 수렴해보면, 어떤 기술적 논쟁이든 트레이드오프로 이루어져 있다는걸 알 수 있다. 이런 불확실한 상황에서도 살아남는 방법은 무엇일까 고민하던 중, 이 책이 눈에 띄었다. 책이 하고싶은 말 이 책의 목록을 살펴보도록 하자. 책은 총 8개의 챕터로 이뤄져있으며, 첫 장은 다른 책과 마찬가지로 프레임워크에 대한 이야기를 서술하고 있다. 책에서는 책 제목 그대로 프레임워크 없이 개발하는 법을 알려주기 보단, 각각 프레임워크의 특징과 전략을 설명해주며, 적절한 작업에 필요한 도구를 선택하는 방법을 알려주고 있다.. 2023. 11. 12.
GOSMO - 작업일지 (완) 2023-07-18리액트와는 다른 구조를 갖고있지만, 문법상 비슷한 점이 많다고 해서 재밌게 프로젝트를 진행할 예정이다.프로젝트 목표는 COSMO app의 기능을 나의 방식으로 구현해보는 것이며, 평소 있으면 좋겠다 라고 피드백을 주었던 부분에 대해서 따로 추가를 해보는 것이다. RN의 기본적인 문법과 느낌을 잡기위해 무료 인터넷 강의를 공부해봤으며, 나머지는 공식문서와 expo 라이브러리 등을 참조해서 어플을 작성해봤다. COSMO 분석:일단 인트로 화면이 있다. ( 로딩화면 )App에는 Home, Collect, My 3개의 페이지로 이루어져있다. Home페이지:아티스트 콘텐츠서브페이지 Feed / Stan / Gravity가 있다Feed근황 소식 (ex:트위터 소식 )cosmo exclusive -.. 2023. 9. 11.
AWS 프리티어 만료 계정 전환작업 - 下 HTTPS 보안 문제 해결 RDS연동이 끝났으니 마무리 작업을 해보도록 하자. 일단 성공적으로 생성된 인스턴스로 돌아와서 미리 빌드해뒀던 프로젝트를 배포해보도록 하자. 성공적으로 배포되는 모습을 볼 수 있다. 다음은 인스턴스의 보안 그룹 설정을 해주도록 하자. 기존에 사용하고 있는 도메인을 새 계정으로 옮길 수도 있다. Route53으로 들어가서 등록된 도메인에서 도메인 이전을 시도할 수 있다. 필자는 이전 계정으로 도메인을 구매했기에 새로운 계정으로 이전하는 것이다. 선택적으로 하는 작업이니, 추후의 https 설정과 큰 관련이 없다. 암호는 예전 계정의 도메인으로 진입해 송신 버튼을 눌러서 암호를 취득하면 된다. 송신처리가 완료되면 아래와 같은 문구가 뜬다. 도메인 이전이 성공한 것을 볼 수 있다. .. 2023. 8. 31.
AWS 프리티어 만료 계정 전환작업 - 上 AWS를 사용하며 생긴 일들 AWS를 사용하면서 많은 문제점들을 마주하게 되었다. 가장 처음에는 HTTPS 보안 이슈가 있어서 많은 고생을 했었고, 그 뒤엔 프리티어에 대한 비용정책을 잘 몰라서 생겼던 AWS Free Tier usage limit 이슈가 있었다. 다시 봐도 심장이 떨린다. EC2와 RDS, ELB 등 무료로 사용 할 수 있는 서비스는 프리티어와 별개로 사용 시간 / 용량의 상한이 정해져있어서, 프리티어 계정을 사용한다고 해도, 무료 할당량을 초과한다면 비용이 발생하게 된다. 불행하게도, 이런 문제점들을 사전에 알리가 없는 AWS린이는 (본인) 수시로 메일을 체크하지 않았다면, 적게는 몇백원이, 많게는 치킨값이 넘는 비용을 지불해야되는 불상사가 일어날 수 있다. 여담으로, AWS를 사용하.. 2023. 8. 31.

티스토리툴바