전체 글 (115) 썸네일형 리스트형 추천글 [WEB] 웹 운영 전략과 레이아웃 설계: PC·모바일을 아우르는 접근 [WEB] 웹의 구분과 발전: 목적·생성·환경 3가지 기준 비교 [프로젝트 진행] 해커톤과 MVP 구현 [Web] 디스플레이 해상도에 따른 실 사용자 뷰포트 고려 [Spring Boot] 스프링 스터디 8일차 MySQL을 위한 데이터베이스를 분리함.캐시의 역할을 하는 로컬에 띄우는 Redis. SpringBoot에서 불필요한 네트워크 요청이 줄어든다. [Spring Boot] 스프링 스터디 7일차 [Wanted] 프리온보딩 프론트엔드 챌린지 1월 강병진 멘토 ✅ 사전과제 1. 전역변수를 사용하면 어떤 장점이 있나요? 2. e2e 테스트는 무엇인가요? 3. 테스트에서 `mocking`이란 무엇인가요? 4. Web Vitals에 대해 설명해주세요. 5. 리팩토링 경험이 있다면 무엇을 어떻게 리팩토링 했는지 작성해주세요. ✅ 1일차 왜 해당 라이브러리를 선택했는지 설명 가능하도록 준비, 하나만 진득하게 꾸준히 포트폴리오 예제 사이트: F-lab ⁕ 정보습득 1. 요즘IT 2. 코드너리 3. 커리어리 - 질문, 답변 활용 4. 프론트엔드 번역해주시는분들 구독 5. 스터디(커리어리, 인프런) github blog → 날짜 수정 가능함 redux는 복잡한 로직에 더 적합함. => recoil, zustand 상태관리 라이브러리 추천. But, 이유를 설명할.. [노마드코더] React 클론코딩 movie-app React를 사용하기 위해서react, react-dom 라이브러리를 import 해주어야 함. react: 엔진과 비슷함. interactive한 UI를 만들 수 있게 해줌. element 생성, eventListener 추가.react-dom: 모든 React element들을 HTML 태그 부분에 둘 수 있도록 해줌. (JavaScript를 HTML element로 바꾸는 과정)=> render() : React element들을 HTML로 만들어 배치한다. 사용자에게 보여준다. React 규칙1. HTML 코드를 직접 작성하지 않는다.JavaScript로부터 시작해서 HTML이 생성됨. => JavaScript를 활용하여 element를 업데이트 할 수 있다.유저에게 보여질 내용을 컨트롤 할 수.. [Spring Boot] 스프링 스터디 6일차 user ↔ security ↔ springBoot security는 여러 개의 필터로 구성됨. 모든 req와 res는 sequrity를 지난다.(intercept함) @Bean을 사용하여 커스텀할 수 있다. => @Bean으로 선언한 내용을 사용해라. DB에 접근하여서 User 정보에 매번 접근할바에, 새로운 객체를 생성하여 캐싱해두자. [백준] S2477 다시 풀기 https://dekoms-coding.tistory.com/75 두 번째로 풀어보는 참외밭...! package baekjoon; import java.util.Scanner; public class S2477_RE_TEST { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); int[] direction = new int[6]; int[] length = new int[6]; for (int i = 0; i < 6; i++) { direction[i] = sc.nextInt(); length[i] = sc.nextInt(); } int[] cnt = { 0, 0, 0, 0 .. [Spring Boot] 스프링 스터디 5일차 ※ 인증 vs 인가 인증(Authentication): 증명서를 발급받음, 증명서를 다룸. /api/v1 ex) 로그인 인증 요청 문제, 401 Error(Unauththorized) 인가(Authorization): 서버입장에서 자원에 접근하는 것을 허락하는 것, 자원을 다룸. /api/v2 => 인증 완료된 자격이 필요함. 로그인 필수!!! 접근 권한 문제, 403 Error(Forbidden) ※ 세션 vs JWT 세션: 서버가 유저 상태를 추적(Stateful). 서버가 아닌 메모리에서 로그인한 유저의 정보를 직접 저장함. 서버가 세션id를 클라이언트에 전달함. JWT: 메모리에서 관리하지 않음(Stateless). 토큰 사용. 서버가 토큰을 클라이언트에 전달함. Token: header, pay.. [노마드코더] HTML, CSS, JavaScript 클론코딩 chrome-app HTMLHyper Text Mark-up Language: 구조를 만들고 요소를 적어넣기cssCascading Style Sheet : 만들어진 HTML을 조립,꾸미고 정렬하는 언어 HTML, CSS: 로그인 구현 X, 검색 기능 X, 단순히 페이지를 나타낸다. JavaScript: 브라우저가 가지는 HTML을 읽어옴. 브라우저 환경에서는 자바스크립트가 HTML에 연결되어 있음. 자바스크립트는 HTML의 element를 가져오고 변경할 수 있음. ✅ eventListener를 사용하여 이벤트가 발생하는 순간에만 function이 실행되도록 함.const title = document.querySelector("div.hello:first-child h1");function handleTitleClick.. 시험 끝나고 정리 웹뷰 사용하는 기업: 토스, 당근, 배민, 에이블리 기업 공고 찾아보면서 공부할 기술 스택 정리: React Native, 번들러: WebPack 컨벤션: ESLint, Prettier 클라우드: AWS 3S, AWS Cloud Front @@@ 정확하게 찾아보기 @@@ 1. 웹 뷰와 웹 앱의 차이 2. 웹뷰 vs 인앱 브라우저 vs 임베디드 브라우저 https://d-brary.tistory.com/5 혼자서 하는 하이브리드 앱개발 #1 지난 목요일부터 혼자서 하는 앱개발을 시작했다. 시작하던 날의 과정을 주욱 글로 남겼었는데 왠걸 오늘에서야 글을 확인해보니 내용이 싹 사라져있다. 상당히 오랜기간 공을 들여 글을 써놓 d-brary.tistory.com https://velog.io/@skyu_dev/.. [백준] S2477 https://www.acmicpc.net/problem/2477 2477번: 참외밭 첫 번째 줄에 1m2의 넓이에 자라는 참외의 개수를 나타내는 양의 정수 K (1 ≤ K ≤ 20)가 주어진다. 참외밭을 나타내는 육각형의 임의의 한 꼭짓점에서 출발하여 반시계방향으로 둘레를 돌면서 지 www.acmicpc.net # 아이디어 4종류의 모양으로 참외밭이 존재하므로 북:4, 서:2, 남:3, 동:1 일 때, 다음과 같은 순서로 4가지 모양이 존재함. 임의의 한 꼭짓점에서 반시계 방향으로 회전함. 4 -> 2 -> 3 -> 1 -> 3 -> 1 : ◲ 4 -> 2 -> 3 -> 2 -> 3 -> 1 : ◱ 3 -> 1 -> 4 -> 1 -> 4 -> 2 : ◳ 3 -> 1 -> 4 -> 2 -> 4 -> 2 .. [소프트웨어공학] Android Studio 이슈 #5 https://chat.openai.com/share/7859e301-6abd-433a-80a4-06349386ae84 안드로이드 스튜디오 ndk와 Unity의 ndk에 대해 알아보았다. https://masher.tistory.com/3 Unity Obfuscator #2 - il2cppmono & il2cpp 비교 앞서 Unity Obfuscator를 살펴보면서 유니티에서 빌드 시 Assembly-CSharp.dll이 생성되고 이는 .Net decompiler 프로그램을 사용하여 쉽게 소스코드를 확인할 수 있었다. 해당 빌드 방식은 monomasher.tistory.com Unity를 안드로이드에서 빌드하는 데 자꾸 IL2CPP 오류가 발생하여 찾아보니 ndk 문제였다. Unity script가 IL.. [WEB] 웹 애플리케이션과 웹 서비스 보호되어 있는 글입니다. 이전 1 ··· 4 5 6 7 8 9 10 다음