본문 바로가기

전체 글38

HTML, CSS, JavaScript 차이? 그냥 이렇게 이해하면 된다 웹 개발 공부를 막 시작하면 헷갈리는 게 있다.HTML, CSS, JavaScript이 셋이 도대체 뭐가 다른 건지.누구는 뼈대, 옷, 행동이라고 하고, 또 누구는 구조, 디자인, 기능이라고도 한다.그런데 막상 직접 만들어보면 머릿속이 더 복잡해진다.이 글에서는 그걸 복잡하게 설명 안 한다.그냥 딱 감만 잡을 수 있도록, 아주 현실적인 예시로 설명해본다.웹 개발 입문자거나, 막 공부 시작한 사람이라면 이거 한 번 보면 훨씬 명확해질 거다.HTML: 내용이랑 구조를 만든다HTML은 웹페이지에서 무엇을 보여줄지를 정하는 놈이다.제목, 문단, 이미지, 버튼, 링크 같은 걸 넣는 거다.이걸로만 웹페이지를 만들면, 그냥 흑백 문서 하나 나온다.예시오늘 먹은 점심 김치찌개에 계란말이 추가. 만족스러웠다.이건 제목이.. 2025. 6. 13.
[Spring MVC] STS 3.9.18에서 tern 적용해 javascript 자동완성 + java html 자동완성 우선 tern을 다운 받습니다 https://github.com/angelozerr/tern.java/releases/download/tern.java-1.2.1/tern.repository-1.2.1.zip 그다음에 tern을 설치하기 위해 아래 사진처럼 진행합니다 다운로드 받은 tern.repository-1.2.1.zip 파일을 선택 후 Add 설치 죽 진행해주시고(좀 걸립니다), 다 되면 sts 재시작 해달라 할겁니다. 해주십숑 다시 켜지면 플젝별 설정까지 해줘야 합니다 아래 사진처럼 convert to tern project Browser 랑 jQuery 체크 후 Apply and Close 버튼을 눌러줍니다 그럼 이제서야 javascript 자동완성이 됩니다~ 더불어 java/html 이 친구.. 2022. 12. 2.
[React Native] react native splash screen - 스플래시 적용 귀찮아서 미루고 미루다가 결국 스플래시 페이지를 구현했다. 앱 끄고 킬 마다 유저 마지막 상태에 따라 처리해 줄 작업이 생겼는데, 빈 화면이나 및 페이지가 전환되는 모습, 더디게 실행되는 것 같은 모습 등에서 계속 '불쾌함'이 느껴졌기 때문. 참고로 모바일 양 플랫폼에서 스플래시 스크린에 대한 정의는 아래와 같다. 스플래시 스크린을 적용하는 핵심목적은 아래 밑줄들을 참고 iOS 앱을 시작할 때 보여주는 간단한 placeholder 이미지, placeholder 이미지는 앱이 구동되자마자 빠르게 노출될 수 있기 때문에 유저에게 앱이 빠르게 반응한다는 인상을 줍니다. 모든 앱은 반드시 런치 아이콘 또는 간단한 이미지를 보여줘야 합니다. Android 스플래시 스크린은 유저의 첫 번째 앱 사용 경험. 앱이 구.. 2022. 11. 21.
[React Native] error - build failed. error: cannot find symbolclass ReaUiImplementationProvider extends UIImplementationProvider 간혹 또는 어느순간 모종의 이유로 잘만 되던 플젝이 빌드가 안 되는 경우가 있다. 에러 로그는 대체로 아래와 같은 데 ReanimatedUIManager.java:15: error: cannot find symbol class ReaUiImplementationProvider extends UIImplementationProvider { ^ symbol: class UIImplementationProvider 리셋 캐시를 하던 리빌드를 하던, 로그에서 해달라는 체크해 보라는 걸 다 해봐도 문제가 해결 되지 않았다. 정말 1~2일을 그냥 푹 쉬는 날이었어서 그 이후로 아~~~~~무것도 안 건드렸는데 갑자기 잘 되던 빌드가 안되서 개발을 못하고 있으니 슬슬 스트레스-스택이 쌓여갔다. 참고한 자료 중에 해결법.. 2022. 11. 8.
지나친 고민은 코드를 못 짜게한다. 아무리 뛰어난 천재라도 세부사항에 집착하면 그 재능이 발휘되지 않는 법이다.-도서 : '실용주의 프로그래머' 중에서 발췌- 몇달 전 프로젝트 시작 전 어떤 데이터가 들어가고 어떤 데이터가 가장 많이 불리는 지,어떻게 하면 효율적으로 데이터를 핸들링 할수 있는지 등등의 주제로 MongoDB 스키마 설계를 진행했었다. 물론 유익하고 값진 시간이었지만, 바쁜 일정에 1~2주동안 이것때문에 코드작성을 못하게 되었고,무엇보다 현재 개발을 하면서 기존설계에서 예상하지 못한 변수가 나오면서,기존 설계를 수정해야하는 경우가 발생했다.애초애 너무 설계를 자세히 잡지말고, 구현하면서 빠르게 수정하는 방향으로 갔으면 오히려 더 좋았을 것 같다. 현재 개발 중에도 아쉽고 수정하고 싶은 부분이 있지만, 이는 좀 나중에 작업하.. 2022. 10. 28.
[React Native] 리액트 네이티브 프로젝트 생성 삽질로그. 기존 프로젝트 외에도 새로 플젝을 생성할 일이 있어서, 타입스크립트 템플릿이 적용된 프로젝트를 생성하려고 공식 가이드를 참조했다. 하지만.. 아래와 같은 에러가 발생했다. 처음에는 지금 내 npx 버전이 낮아서 그런줄 알고 npx를 업그레이드 해봤으나, 이게 원인이 아니였다. 그래서 아래 링크를 참고해 알아보니, https://stackoverflow.com/questions/72768245/typeerror-cli-init-is-not-a-function-for-react-native TypeError: cli.init is not a function for react native While running npx react-native init appName in MacBook air M1 chip T.. 2022. 10. 28.